嵌套表格时突出显示替代行的最佳方式是什么？

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

这除了现在的伟大工程，在一列我有一个单独的嵌套表，所以我周围看到在父表的问题替代行。

所以可以说我有外部表3行

行1
行2
行3

如果没有一个嵌套表，我得到

第1行：黑暗
第2排：轻
第3排：黑暗

但是如果ih AVE嵌套表中第1行具有两行，我得到

行1：暗（嵌套表格行1：暗，嵌套表行2：光）
第2列：暗
行3：浅

反正有嵌套表不影响父表的备用行吗？

2013-10-09 leora

使用子选择>（请确保您添加tbody）：

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

2013-10-09 02:29:13 doitlikejustin

这似乎给出了相同的结果。。 – leora

你确定吗？我更新了我的小提琴显示...检查它 – doitlikejustin

这小提琴（http://jsfiddle.net/doitlikejustin/LzZKD/2/）是什么将是“相同的结果”，但我的答案确实有交替只有父母的颜色。 – doitlikejustin

如果你碰巧使用了tablesorter小部件的jQuery，您可以设置斑马作为默认插件选项再也不用担心这一点。

2013-10-09 03:13:05 DevlshOne

您应该使用第n个孩子如：

table.altRow TR：第n个孩子（甚至）{背景：#CCC}

table.altRow TR：第n个孩子（奇）{背景：#FFF}

你也可以做第n个孩子（＃）{}风格

希望这有助于

2013-10-09 04:48:09 user2589340

回答