Javascript 制造<;td>;背景色等于数组值,但每组3个具有相同的值

Javascript 制造<;td>;背景色等于数组值,但每组3个具有相同的值,javascript,jquery,html,html-table,conditional,Javascript,Jquery,Html,Html Table,Conditional,我有 for(var i=0;itr

我有

for(var i=0;itr<$(“td”).length;i++){
$(“td”).eq(i).css(“背景色”,颜色[i]);
} 
这是可行的,但它会给每个单独的td添加一种新颜色,该行有3列,因此我需要一行(3)中的每个
都具有相同的颜色。我无法为表行本身着色,因此我需要通过修改上述代码来解决问题。

你是说这个吗

for (var i = 0; itr < $("td").length; i++) {
    $("td").eq(i).css("background-color", Colors[i]);
} 
var Colors=[“红色”、“黑色”、“紫色”、“蓝色”、“灰色”、“绿色”];
对于(变量i=0;i<$(“tr”)。长度;i++){
$(“tr:eq(“+i+”)).children().css(“背景色”,颜色[i]);
} ​
示例如下:

但是为什么你不能给这一排涂上颜色呢?这也很容易:

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]);
} ​
for(var i=0;i<$(“tr”).length;i++){
$(“tr:eq(“+i+”)).css(“背景色”,颜色[i]);
} ​

你想用不同的颜色给每一行上色吗?你试过colgroup给一列上色吗?我真的很想用JS选项而不是HTML1来放置答案!+'d你:)@Zuul,我知道我们一直在朝着同一个方向思考,+'d你的评论;)我应该提到的是,我只在一个特定的tr(由类名定义)中使用td,就像在“tr.specific td”中一样,并且使用您的代码会因为某种原因中断我的页面。页面数据量很大,因此包含几个不同的表行,这些行超出了我试图编辑的范围。你可以在这里看到它是有效的,但在我的页面上它没有(东西断开),即使我的第一个代码没有断开任何东西……有什么变化我可以使用吗?非常感谢您的帮助。您能提供一个链接到您的页面吗?很难给出不遵守代码的理由。
for (var i = 0; i < $("tr").length; i++) {
    $("tr:eq(" + i + ")").css("background-color", Colors[i]);
} ​