Modulo jquery question

Question

Hi all,

Dont ask why but I need to add class zebra to the lis with the content next to them. I do a

$("li").each(function(index){

if(index%??? == 0) {

}

});

<ul>
<li></li>
<li></li>
<li></li> //add here class zebra
<li></li>
<li></li>
<li></li>
<li></li> //add here class zebra
<li></li>
<li></li>
<li></li>
<li></li> //add here class zebra
<li></li>
</ul>

Answer 1

The period is 4 so the modulo should be 4.
However it is offset by two so you need to add 2 to the index:

if ((index + 2) % 4 == 0)

Answer 2

From what I can tell, you want the 3rd, 7th, 11th, ... with class "zebra":

$("li").each(function(index,item){

if((index+2)%4 == 0) {
  $(item).addClass("zebra");
}

});

EDIT: Check out Andy's answer. Much better than mine :-)

Answer 3

if (index % 4 == 2)

is what I think you're looking for.

In your example, you have the 3rd, 7th and 10th elements selected.

Answer 4

Clever selector for you; :nth-child() can accept an equation:

$('ul li:nth-child(4n+3)').addClass("zebra").text("Here");

Selects every 4th li starting at 3 onwards, :nth-child(4n-1) would also work (every 4th-1 element). No each or modulo necessary.

http://jsfiddle.net/AvPhe/ - Example based on your sample input, the zebra class is added along with the text "Hello".