問題與jQuery的：第n個孩子和隱藏的行

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');