Jquery чередующиеся строки с видимостью

Question

Может ли Jquery zebra разделить таблицу, в которой для некоторых строк установлено значение «display: none», и при этом видимые строки чередуются по цвету, при этом две строки не имеют одинаковый цвет рядом друг с другом?

Answer 1

Это возможно с помощью селекторов : видимый и : нечетный (или : четный ):

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

Тогда вы можете сделать:

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

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