javascript - 带有隐藏行的表的 JQuery 选择器 - 交替行着色

我有一个表格，通常我使用这个选择器来应用奇数和偶数行:

table.find('tbody tr:even').addClass('even');
table.find('tbody tr:odd').removeClass('even');

我的表在不同的地方插入了行，因此我将它从奇数行中删除。

我现在使用隐藏了某些行

jQueryTrObject.hide();

我想应用与以前相同的样式，以便就用户而言，交替行被标记为奇数和偶数，我希望它考虑到隐藏的行。

我如何编写一个选择器来做到这一点，因为我是否必须使用 each 并专门检查？

最佳答案

使用 :visible 选择器

table.find('tbody tr.even').removeClass('even');
table.find('tbody tr:visible:even').addClass('even');

请记住首先使用它，以便在它之后应用 :even 过滤器。

关于javascript - 带有隐藏行的表的 JQuery 选择器 - 交替行着色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4853063/