addClass every nth

Question

我有一個我想用三種不同方式設置樣式的元素列表。

我希望每個第三個列表項都在整個列表中具有相同的類。

例如：

<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); 
});