Jquery Alternating Rows with visability

Question

Can Jquery zebra stripe a table where some rows are being set to 'display:none' and still have the visable rows alternate in color, without two rows having the same color next to each other?

Answer 1

This is possible with the :visible and the :odd (or the :even) selectors:

$('table').find('tr:visible:odd').addClass('odd');

Then you can do:

table tr td {
    background-color: #fff;
}

table tr.odd td {
    background-color: #c1c1c1;
}