根据复选框选择更改表格行颜色? (我有两张桌子)

时间:2014-05-17 15:49:59

标签: javascript jquery html html5

我有两张桌子。

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

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

如何为第二张表做,

我的代码:

 $('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

1 个答案:

答案 0 :(得分:0)

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

例如

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

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