javascript - background-color を配列値と同じにしますが、3 つの各グループは同じ値を持ちます

Question

私は持っている

for (var i = 0; itr < $("td").length; i++) {
    $("td").eq(i).css("background-color", Colors[i]);
} 

これは機能しますが、すべての個々の td を新しい色に色付けし、行は 3 列であるため、すべて<td>の行 (3) が同じ色である必要があります。テーブルの行自体に色を付けることができないため、上記のコードを変更して回避する必要があります。

Answer 1

これのことですか？

var Colors = ["red", "black", "purple", "blue", "gray", "green"];
for (var i = 0; i < $("tr").length; i++) {
    $("tr:eq(" + i + ")").children().css("background-color", Colors[i]);
} ​

例: http://jsfiddle.net/WhnSw/

しかし、行に色を付けられないのはなぜですか? それも簡単です：

for (var i = 0; i < $("tr").length; i++) {
    $("tr:eq(" + i + ")").css("background-color", Colors[i]);
} ​