javascript - 複数のテーブルで行ごとに色を付ける方法

Question

複数のテーブルで行ごとに色を付けたい。テーブルの中のテーブルのようなものです。内部テーブルの行ごとに色を付けたい。テーブルは固定されておらず、プロセスによって動的に生成されます。行も固定されていません。親切に助けて

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

score 5 · Accepted Answer

方法 1:

CSS

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

Jクエリ

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

方法 2:

Jクエリ

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

更新: ライブjsFiddle example1、jsFiddle example2。

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");

どちらにも小さな違いがあります。2 つ目では、前のテーブルの行数が奇数/偶数である場合、後続のテーブルで奇数/偶数が正しく処理されないことがあります。

score 1 · Accepted Answer

1

jqueryを使えば簡単にできます

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

于 2012-12-04T06:28:08.190 に答える

score 0 · Accepted Answer

CSS のみ (古いブラウザにはありません):

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

4 に答える 4