jquery设置一个表行的颜色

Question

我需要能够将jquery中单个表行的颜色更改为红色，并将所有其他列表中的颜色设置为白色。

我为每个人设置了一个类，例如<tr class=row1>，<tr class=row2>。 应该着色的当前行ID的javascript变量是id。

我从哪里开始？

Answer 1

jsBin demo

$('table tr').eq(  ).css({color:'red'}).siblings().css({color:'white'});
//               ^^-- set here the index number of the row you desire to change color

Answer 2

$('tr:eq(0)', 'table')
    .siblings('color', '#fff') // select all tr except first one and change color
    .andSelf() // target to the first one
    .css('color', '#f00'); ​​​// change color of first tr

您可以根据目标元素更改:eq(index)内的索引。

<强> DEMO

Answer 3

我建议使用css，

例如如果你想将class =“row1”的3行设置为红色，而不是

 .row1:nth-child(3){
     background-color: red;
  }