jQuery Table Zebra Striping with hidden rows

Question

I have been using the following with no problems:

$("#tableid tr:even").addClass("evenClass");

But now I have rows in my table that are hidden which messes up the zebra striping styles. I have tried add 'is(":visible")' and things like that to no avail. Any ideas?

have you tried putting the :visible before the :even? – Patricia Aug 27 '10 at 17:36 — Patricia, Aug 27 '10 at 17:36

karim79 · Accepted Answer · 2010-08-27T17:54:19.833

11

Try adding the :visible pseudo-selector:

$("#tableid tr:visible:even").addClass("evenClass");

Demo: http://jsfiddle.net/gRyFx/1/

edited Aug 27 '10 at 17:54

answered Aug 27 '10 at 17:35

karim79

339,989
67
413
406

1

Thanks very much. Didn't know you could chain pseudo-selectors – Nick Reeve Sep 08 '10 at 14:27

jQuery Table Zebra Striping with hidden rows

1 Answers1

Linked