すべての3番目のリスト項目にクラスを適用する

Question

私は次のスクリプトを持っています。現時点では、私のリストの3番目の項目が選択され、余白はありません。問題はそれが一度だけであるということです。私はそれをリストのすべての3番目のアイテムに起こせる方法はありますか？私は.eachを使ってみましたが、正常に動作するようにはできませんでした。 3nはこれを行うことができます使用して

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

Answer 1

nth-child疑似クラス。

$('#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'}); 

出力：

（代わりに、余白の色で）

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

デモ：

Answer 2

がnth-child CSSセレクタを使用してほとんどがhttp://jsfiddle.net/ambiguous/DRCLF/