2 u012899102 u012899102 于 2014.08.24 02:35 提问

关于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个回答

u012899102
u012899102   2014.10.16 16:56
已采纳

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

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

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

qq_32039789
qq_32039789   2017.10.19 16:59

//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()); } }); }); })


qq_32039789
qq_32039789   2017.10.19 17:02

<!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
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!