jquery - JavaScript表格动态颜色变化

Question

我动态地向表中添加列。 我这时候想改变列的颜色，但是效果不佳。

 if(i % 2 == 1) {
    $('#mytable>tbody:last').append('<tr style="background-color: #D7F9FD" >');
} else {
    $('#mytable>tbody:last').append('<tr style="bgcolor: #D7F9FD" >');
}

帮帮我~!!

Answer 1

在您的代码示例中没有创建列，要在行内动态添加列，请使用以下语句:

$('#mytable tbody').append('<tr class="yourclassNameIfyouwant"><td>1st column</td><td>2nd column</td></tr>');

通过使用 JQuery 偶数和奇数选择器，我们可以找到相应的行，如下所示:

语法:

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

以上代码将找到表格中的偶数行并应用背景颜色。

$("#mytable tr:odd").css("background-color", "#f5f5f5");

上面的代码将找到表格中的奇数行并应用背景颜色。

并指定一行的偶数列:

$('mytable tr :nth-child(2n)').css('background-color', '#eee');

指定一行的奇数列:

$('mytable tr :nth-child(2n+1)').css('background-color', 'blue');

在动态准备表格的行和列之后，一切都可以完成。