Question

I have to change colors for alternative rows. one row in “Green” and another one is in “Yellow”.

<tr class="ms-viewheader" vAlign="top">
<tr class="">
<tr class="ms-alternating">
<tr class="">
<tr class="ms-alternating">
<tr class="">
<tr class="ms-alternating">
<tr class="">
<tr class="ms-alternating">

I have to skip “ms-viewheader” row and start coloring next sibling. Full row should be in
color.

How to do this?

Answer 1

Ok, so you want to just handle this one table. Try this:

$("table[class='ms-listviewtable'] tr[class='']").css("background-color","yellow");
$("table[class='ms-listviewtable'] tr:.ms-alternating").css("background-color","green")

I am assuming that the table has a class, otherwise you could add a class to it to differentiate it.

Demo:
http://jsfiddle.net/J7dVX/13/