Javascript 选择子表';选择父表时的s行';使用Jquery删除行
我不熟悉jquery,并且一个接一个地学习这些东西 我有几个主表和嵌套表在这些主表中。父表和子表的每一行都有对应于每一行的复选框。现在,当选中父表的复选框时,应该选中子表/嵌套表的每一行的复选框 我已使用以下代码注册事件:Javascript 选择子表';选择父表时的s行';使用Jquery删除行,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉jquery,并且一个接一个地学习这些东西 我有几个主表和嵌套表在这些主表中。父表和子表的每一行都有对应于每一行的复选框。现在,当选中父表的复选框时,应该选中子表/嵌套表的每一行的复选框 我已使用以下代码注册事件: $(function () { $("input[type='checkbox']").change(function () { $(this).siblings('tr') .find("input[type='checkbox']")
$(function () {
$("input[type='checkbox']").change(function () {
$(this).siblings('tr')
.find("input[type='checkbox']")
.prop('checked', this.checked);
});
});
但是上面的代码没有按预期工作。我无法正确地遍历到子表
为了便于说明,我创建了一个包含一个父表和一个子表的小提琴
$(函数(){
$(“输入[type='checkbox']”)。更改(函数(){
$(this.this('tr'))
.find(“输入[type='checkbox']”)
.prop('checked',this.checked);
});
});代码>
全选
挑选
挑选
媒体
媒体
电话
挑选
优先
999
当前元素是复选框,因此它不能有TR
,因为同级使用.closest()
遍历父TR
元素,然后执行所需的DOM遍历方法,即.sides()
,.find()
以所需元素为目标
$(this).closest('tr').find(...)
$(this).closest('tr').siblings('tr').find(...)
$(函数(){
$(“输入[type='checkbox']”)。更改(函数(){
$(this).最近('tr'))
.find(“输入[type='checkbox']”)
.prop('checked',this.checked);
});
});代码>
全选
挑选
挑选
媒体
媒体
电话
挑选
优先
999
当前元素是复选框,因此它不能有TR
,因为同级使用$(this)。最近('TR')。查找(…)