我有以下脚本。目前,它在我的列表中选择了第三个项目,并且没有任何边距。问题是它只执行一次,有没有办法让它发生在列表中的每个第三个项目上?我尝试使用.each
,但无法使其成功运行。
<script>
$(document).ready(function() {
$("#contentlist li:eq(2)").css({marginRight: '0'});
});
</script>
最佳答案
使用nth-child
的3n
伪类可以做到这一点。
$( '#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'} );
输出: