Jquery在偶数类中改变每个下一个甚至tr的颜色

时间:2014-12-01 17:40:22

标签: javascript jquery class colors html-table

我正在尝试使用偶数类,例如$("tr:even").css ..这适用于将所有这些更改为一种颜色,但我想选择哪种颜色。

例如:

<tr></tr>even
<tr></tr>odd
<tr></tr>even 
<tr></tr>odd
<tr></tr>even
<tr></tr>odd

我想使用for循环并说第一个偶数tr是红色,第二个偶数tr是蓝色而第三个偶数tr是绿色。我不确定选择这样的细节是否适用于偶数班级,但这对我的课程有益。

2 个答案:

答案 0 :(得分:1)

这是否满足您的要求?

$('tr:nth-child(2n)').css('background-color', 'red');
$('tr:nth-child(4n)').css('background-color', 'blue');
$('tr:nth-child(6n)').css('background-color', 'green');

只有你真的,真的想使用jQuery。我同意直接的CSS会更好。

JSFiddle Here

答案 1 :(得分:0)

尝试使用nth-child代替。这样您就可以指定每个孩子的颜色。

http://www.w3schools.com/cssref/sel_nth-child.asp