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
– Patricia

2010-08-27 17:36:16 +00:00
Commented Aug 27, 2010 at 17:36 — Patricia
– Patricia, Commented Aug 27, 2010 at 17:36

karim79 · Accepted Answer · 2010-08-27 17:54:19Z

11

Try adding the :visible pseudo-selector:

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

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

edited Aug 27, 2010 at 17:54

answered Aug 27, 2010 at 17:35

karim79

343k67 gold badges420 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nick Reeve Over a year ago

Thanks very much. Didn't know you could chain pseudo-selectors

Collectives™ on Stack Overflow

jQuery Table Zebra Striping with hidden rows

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related