根据复选框选择更改表格行颜色？ （我有两张桌子）

Question

我有两张桌子。

在第一个表格中，第一列内容是复选框。

如果我选择First table中的复选框 - ＆gt;第一列表示两个表的当前行颜色更改，但我只有第一个表颜色更改的代码。

如何为第二张表做，

我的代码：

 $('table input[type=checkbox]').click(function () {

    $(this).closest('tr').toggleClass("highlight", this.checked);
});

Tried Code For second table：

$(this).parents("table").next().find("tr:nth-child(1)")[1].css({ 'background-color': 'orange' })           
//but it does not works

Answer 1

您必须调整您的jquery，以便它不会应用于每个表。

例如

$('table.colorchange input[type=checkbox]'). ...

演示： http://jsfiddle.net/c8Q3S/1/