Generalized table striping using JQuery

[Ernest Friedman-Hill]

Is there a way to generalize this kind of JQuery trick:

$("table tr:nth-child(even) td").addClass("row2"); $("table tr:nth-child(odd) td").addClass("row1");

to add a class to, say, every third or fourth row of a table, rather than every second row?

[Bear Bibeault]

Have you considered the nth-child:Xn+Y form of selector?

[Ernest Friedman-Hill]

Thanks, Bear, that works perfectly -- I had no idea such a thing was in there.

[Bear Bibeault]

[Eric Pascarello]

With CSS3 enabled browsers, you do not even need to use jQuery. That would be a big performance gain.

tr:nth-child(2n+1) td {
  background-color: #FFCC00;
}

Eric

[Bear Bibeault]

Unfortunately, not everyone is using modern browsers. Microsoft keeps threatening to instill auto-upgrades a la Chrome and Firefox, but it hasn't happened yet.