jQuery:更改表中行的颜色?

时间:2017-10-24 13:31:48

标签: jquery html jquery-ui

我的要求略有不同。请不要将其标记为重复。 我有两张完全对齐的桌子。现在,当我点击表格的特定行时,例如:第一行。表中的第一行应该变为绿色,另一个表中的第一行也应该变为绿色,因为我说两个表都是对齐的,但它们是两个独立的表。

$('#myTable1').bind('click', function(e) {
  $(e.target).closest('tr').children('td,th').css('background-color','#000');
});

上面的代码将帮助我将我的第一个表格行的颜色变为绿色,但如果我希望第二个表格的第一行在我点击第一个表格的第一行时变成绿色,我该怎么办?

1 个答案:

答案 0 :(得分:2)

获取所点击行的索引
`var index = $("table1 tr").index(this);`

并适用于另一个像这样的表

`$("table2 tr:nth-child("+index+")").css('background', 'green')`