jquery - 当您有嵌套表时，突出显示交替行的最佳方法是什么？

Question

我有一个表格，我使用此行突出显示替代行:

$("table.altRow tr:odd").css("background-color", "#DEDFDE");

效果很好，只是现在，在其中一列中，我有一个单独的嵌套表，因此我在父表中看到替代行周围的问题。

假设我在外表中有 3 行:

第 1 行
第 2 行
第 3 行

如果没有嵌套表，我得到:

第 1 行:深色
第 2 行:光
第 3 行:深色

但是如果我在第 1 行有一个包含两行的嵌套表，我会得到

第 1 行:深色(嵌套表第 1 行:深色，嵌套表第 2 行:浅色)
第 2 行:深色
第 3 行:浅色

有没有办法让嵌套表不影响父表的备用行？

Answer 1

使用子选择器>(确保添加tbody):

$("table.altRow > tbody > tr:odd").css("background-color", "#DEDFDE");

Fiddle