当您有嵌套表时，突出显示备用行的最佳方法是什么？

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

Answer 2

如果您碰巧将tablesorter小部件用于jQuery，则可以将 zebra 设置为默认小部件选项，而不必再担心这一点。

Answer 3

你应该使用nth-child 如：

  

table.altRow tr：nth-​​child（even）{background：#CCC}

     

table.altRow tr：nth-​​child（odd）{background：#FFF}

你也可以做nth-child（＃）{style}

希望这会有所帮助