具有隱藏行的表的JQuery選擇器 - 備用行着色

Question

我有一個表，通常我使用這個選擇器來應用奇數和偶數行：

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

我的表有各行插入的行，因此我從奇數行中刪除它。

我現在隱藏了某些行

jQueryTrObject.hide();

我想要應用與以前相同的樣式，以便備用行，就用戶而言被標記為奇數和偶數，並且我希望它考慮到隱藏的行。

我如何編寫選擇器來執行此操作，因為我必須使用每個選項並專門檢查嗎？

Answer 1

使用:visible選擇器

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

請記住先使用它，以便:even過濾器適用於它之后。

Answer 2

試試這個：

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

Answer 3

使用:not(:hidden)選擇器

table.find('tbody tr:not(:hidden):even').addClass('even');

Answer 4

您可以使用：visible選擇器僅標記可見行：

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