Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否根据复选框选择更改表格行颜色?(我有两张桌子)_Javascript_Jquery_Html - Fatal编程技术网

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

Javascript 是否根据复选框选择更改表格行颜色?(我有两张桌子),javascript,jquery,html,Javascript,Jquery,Html,我有两张桌子 在第一个表中,第一列内容是复选框 如果我选中第一个表中的复选框-->第一列表示两个表的当前行颜色更改,但我只有第一个表颜色更改的代码 第二张桌子怎么做 我的代码: $('table input[type=checkbox]').click(function () { $(this).closest('tr').toggleClass("highlight", this.checked); }); 已尝试第二个表的代码: $(this).parents("table")

我有两张桌子

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

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

第二张桌子怎么做

我的代码:

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

    $(this).closest('tr').toggleClass("highlight", this.checked);
});
已尝试第二个表的代码:

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

您必须调整jquery,使其不会应用于每个表

比如说

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

演示:

能否发布完整的代码示例?一个jsFiddle.net示例也会有所帮助。。。我尝试了第二个代码,但它不起作用。那个尝试过的代码选择了两行,不知道它已经选择了两行了吗?