addClass ogni n.

Question

Ho una lista di elementi che voglio modellare in 3 modi diversi.

Voglio che ogni terzo elemento dell'elenco abbia la stessa classe nell'intera lista.

Ad esempio:

<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> 

posso fare 2 con: pari/dispari, ma come farlo con 3?

Answer 1

provare

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

Sentitevi liberi di consolidamento per renderla più bella, ma ho voluto esporre i selettori.

Answer 2

vi consiglio qualcosa di simile:

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