Question

I have a table like so:

<table>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
    <tr><td>Test</td></tr>
</table>

​
I want to add a CSS Class alt after every 2 rows, so for example I’ll have a sequence of 2 white rows, 2 red rows, 2 white rows, 2 red rows and so on. Is this possible with JQuery?

Answer 1

http://jsbin.com/okahax/edit#javascript,html

var t = 0;
$("table tr").each(function (i, n)
{
    if (t < 2) 
    {$(this).css('background-color','red');

    }
    else if (t < 4)
    { 
        $(this).css('background-color','white');

    }
  t++;
  if (t==4) t=0;
})