jQuery Table Zebra Striping with hidden rows

问题

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?

回答1:

Try adding the :visible pseudo-selector:

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

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

来源：https://stackoverflow.com/questions/3586751/jquery-table-zebra-striping-with-hidden-rows