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;
}