我有以下脚本。目前,它在我的列表中选择了第三个项目,并且没有任何边距。问题是它只执行一次,有没有办法让它发生在列表中的每个第三个项目上?我尝试使用.each,但无法使其成功运行。

<script>
$(document).ready(function() {
    $("#contentlist li:eq(2)").css({marginRight: '0'});
});
</script>

最佳答案

使用nth-child3n伪类可以做到这一点。

$( '#contentlist li:nth-child(3n)' ).css({marginRight: '0'});

演示:http://jsfiddle.net/ThinkingStiff/gjvpR/

HTML:
<ul id="contentlist">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

脚本:
$( '#contentlist li:nth-child(3n)' ).css( {marginLeft: '20px'} );

输出:

10-05 20:54
查看更多