代码之家  ›  专栏  ›  技术社区  ›  Alec

jQuery的问题:第n个子行和隐藏行

  •  0
  • Alec  · 技术社区  · 14 年前

    我有一张带有斑马图案的简单桌子:

    $('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 计数时,会导致相同的问题。

    是否有一个技巧来只计算未隐藏的行并确定是否

    1 回复  |  直到 14 年前
        1
  •  2
  •   ThinkingStiff    11 年前

    你可以尝试以下方法:

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