jQuery问题：nth-​​child和隐藏行

Question

我有一个带斑马效应的简单表：

$('table.zebra tbody tr:nth-child(odd)').addClass('darker');

现在我必须隐藏/显示某些行。但是当我这样做时，那些隐藏的行仍然会被计算，并且斑马效应不再起作用了。假设显示第1行，隐藏2，并再次显示3。现在，1和3都显示在彼此之上，因为隐藏了2，但它们都具有来自darker类的较暗背景，因为它们都是奇数。

我试过这样的事情：

$('table.zebra tbody tr:nth-child(odd):not(.hide)').addClass('darker');

但是在计数时似乎没有跳过类hide的行，导致同样的问题。

是否有诀窍只计算未隐藏的行并确定他们是奇数还是偶数？最好使用jQuery选择器而不是某些函数。

Answer 1

您可以尝试以下方式：

$('table.zebra tbody tr:not(.hide)').filter(":odd").addClass('darker');