jquery - jquery设置一个表格行的颜色

Question

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

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

我从这里去哪里？

Answer 1

$('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) 根据目标元素更改索引。

演示

Answer 2

我建议使用CSS，

例如，如果您想将 class="row1" 的第 3 行设置为红色，

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

Answer 3

jsBin 演示

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