关于JS删除父节点的问题

有若干个一样的这样的table
table
tr
td
input type="checkbox" name="test"
/td
/tr
/table
现在需要做的就是通过JS把所有选中的checkbox所在的table删除

我是这么写的,但是当选项是多个的时候不能删除完,只能删除一部分:
var boxs = document.getElementsByName("test");
for(var i = o;i<boxs.length;i++){
if(boxs[i].checked){
var obj = boxs[i].parentNode.parentNode.parentNode;
obj.parentNode.removeChild(obj);
}
}
请问哪里不对?或者说有什么其他的解决方案。希望知道的帮忙看下

3个回答

因为每次循环的时候都会删除满足条件的节点

这此循环执行结束就会影响下次循环的条件boxs.length

应该先通过循环吧所有checked的节点放到一个数组里然后在循环结束后再去删除这个数组里的节点

//jquery实现的,你可以试一下看看
<!DOCTYPE html>



1
2
3
4
$(function(){ var items = $("input[name='test']"); items.each(function(i) { $(this).click(function(){ if(this.checked==true){ console.log(this.value); console.log($(this).parent().parent().parent().parent().remove()); } }); }); })


<!DOCTYPE html>



1
2
3
4
$(function(){ var items = $("input[name='test']"); items.each(function(i) { $(this).click(function(){ if(this.checked==true){ console.log(this.value); console.log($(this).parent().parent().parent().parent().remove()); } }); }); })



Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问