n回ごとにaddClass

Question

私は3つの異なる方法でスタイルを設定したい要素のリストを持っています。

すべての3番目のリストアイテムがリスト全体で同じクラスになるようにします。例えば

：

<li class="A">Some Content</li> 
<li class="B">Some Content</li> 
<li class="C">Some Content</li> 
<li class="A">Some Content</li> 
<li class="B">Some Content</li> 
<li class="C">Some Content</li> 
<li class="A">Some Content</li> 
<li class="B">Some Content</li> 
<li class="C">Some Content</li> 

私は2を行うことができます。奇数/偶数が、3でそれを行う方法？

Answer 1

は

$("ul li:nth-child(3n+1)").addClass("A") 
$("ul li:nth-child(3n+2)").addClass("B") 
$("ul li:nth-child(3n)").addClass("C") 

を試してみてください、それはきれいにするために、それを統合すること自由に感じ、私はセレクタを露出させたかったです。

Answer 2

私はこのようなものをお勧めします：

var i = 0; 
$("li").each(function() { 
    var newClass = 'A'; 
    if (i % 3 == 1) newClass = 'B'; 
    if (i % 3 == 2) newClass = 'C'; 
    $(this).addClass(newClass); 
});