如何为多个表中的备用行着色

Question

我想为多个表中的备用行着色。这就像桌子里面的桌子。我想为内表的交替行着色。    表不是固定的，它是由进程动态生成的。行也不固定。 请帮助

function update_rows(){
    $("table#id2 tr:even").css("background-color", "#DEB887");
    $("table#id2 tr:odd").css("background-color", "");
}

Answer 1

方式1：

CSS

tr.alt td {background-color: #e6EEEE;}

Jquery的

$("tr:odd").addClass("alt");​

方式2：

Jquery的

$("tr:even").css("background-color", "#eeeeee");
$("tr:odd").css("background-color", "#ffffff");

<强>更新 实时jsFiddle example1，jsFiddle example2。

Answer 2

可以使用jquery

轻松完成

$("tr:even").css("background-color", "#bbbbff");

Answer 3

你可以尝试以下任何一种

$("div table").each(function (i) { $(this).find("tr:not(first)+tr:even").addClass("even"); });

或

$("div table tr:not(first)+tr:even").addClass("even");

两者都有小差别，在第二种情况下，如果前一个表的行数是奇数/偶数，你会发现后续表格中没有正确处理奇数/偶数

Answer 4

仅限CSS（不在旧浏览器中）：

table tr:nth-child(even) {
 /** your styling **/
}