jQuery:是否更改表中行的颜色?
我有一个稍微不同的要求。请不要把它标为复制品。 我有两张桌子,完全对齐。现在,当我点击表格的某一行时,例如:第一行。表中的第一行应该变为绿色,另一个表中的第一行也应该变为绿色,正如我所说的,这两个表是对齐的,但它们是两个单独的表jQuery:是否更改表中行的颜色?,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我有一个稍微不同的要求。请不要把它标为复制品。 我有两张桌子,完全对齐。现在,当我点击表格的某一行时,例如:第一行。表中的第一行应该变为绿色,另一个表中的第一行也应该变为绿色,正如我所说的,这两个表是对齐的,但它们是两个单独的表 $('#myTable1').bind('click', function(e) { $(e.target).closest('tr').children('td,th').css('background-color','#000'); }); 上面的代码将帮助我
$('#myTable1').bind('click', function(e) {
$(e.target).closest('tr').children('td,th').css('background-color','#000');
});
上面的代码将帮助我将第一个表格行的颜色变为绿色,但如果我希望在单击第一个表格的第一行时第二个表格的第一行也变为绿色,我该怎么办?通过
`var index = $("table1 tr").index(this);`
然后应用到另一个类似这样的表中
`$("table2 tr:nth-child("+index+")").css('background', 'green')`
按获取已单击行的索引
`var index = $("table1 tr").index(this);`
然后应用到另一个类似这样的表中
`$("table2 tr:nth-child("+index+")").css('background', 'green')`
您的html代码在哪里?是否只希望在单击第一个表或其中一个表时更改第二个表的行?您的表有页眉还是只有正文
#000
不是绿色的,您是指#0F0
还是绿色的?@Twisty:当我单击第一个表的第一行时,第一个表的第一行变为绿色。除此之外,我还希望第二张桌子的第一行也改成绿色。与表中的其他行相同。您的html代码在哪里?是否只希望在单击第一个表或其中一个表时更改第二个表的行?您的表有页眉还是只有正文#000
不是绿色的,您是指#0F0
还是绿色的?@Twisty:当我单击第一个表的第一行时,第一个表的第一行变为绿色。除此之外,我还希望第二张桌子的第一行也改成绿色。与表中的其他行相同。