Jquery交替行具有可见性

Question

Jquery斑马可以条纹化一个表,其中一些行被设置为'display:none'并且仍然有可见的行交替颜色,没有两行具有相同的颜色彼此相邻？

Answer 1

这可以使用:visible和:odd(或:even)选择器:

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

然后你可以这样做:

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

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