jQuery Zebra selector
I have a CSS class called grid which I place on my tables. I want to Zebra strip my even rows so I use the following jQuery code
This basically says “Apply the css class even to any tr tag which has a parent (at any level) with a class of grid.” The problem with this is when I have nested tables, the child table’s tr tags will also get the even style. Since I did not specify the child table with a class of grid, I don’t want it to pick up the zebra stripe.
How can I specify to only apply the even class on tr tags which are a direct descendant of the tag which has the grid class?
There’s a great jQuery blog post that you might find useful:
Zebra Table Showdown.
Scroll down to see comments on adding hover effects to your zebra striping using jQuery.