Javascript 将类应用于每三个列表项

我有以下脚本。目前，它选择了我列表中的第三项，并没有给它留任何边距。问题是它只会这样做一次，有没有办法让它发生在列表中的第三项中？我尝试使用

。每个
，但都无法成功运行

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


$（文档）.ready（函数（）{
$（#contentlist li:eq（2）”）.css（{marginRight:'0'}）；
});
使用
3n
的
n子类
伪类可以做到这一点

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

演示：

HTML:

输出：

使用第n个子项
CSS选择器：

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

演示（使用颜色而不是边距）：
差不多了，
nth child
是一个CSS选择器，因此它是基于一个的，这意味着
：nth child（3n）
选择每三个元素。@muistooshort不确定您对该注释的理解。这个答案和你的答案是一样的（这个答案比你的答案快了整整40秒）。我错过了一个臭名昭著的闪电编辑吗？@Phil:两次闪电编辑，分别是第n个孩子（3）
然后是第n个孩子（3n+1）
最后是第n个孩子（3n）
。
$( '#contentlist li:nth-child(3n)' ).css( {marginLeft: '20px'} );

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