javascript - 如何为多个表中的交替行着色

Question

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

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

score 5 · Accepted Answer

方式一：

CSS

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

jQuery

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

方式二：

jQuery

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

更新： 现场jsFiddle example1，jsFiddle example2。

score 1 · Accepted Answer

1

使用 jquery 可以很容易地完成

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

于 2012-12-04T06:28:08.190 回答

score 1 · Accepted Answer

您可以尝试以下任何一种

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

或者

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

两者都有很小的差异，在第二个中，如果前一个表的行数是奇数/偶数，有时您会发现后续表的奇数/偶数没有正确处理

score 0 · Accepted Answer

0

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

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

于 2012-12-04T06:30:51.680 回答

4 回答 4