唐长老啃唐老鸭
2014-08-23 18:35
采纳率: 100%
浏览 8.6k

关于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条回答 默认 最新

  • 唐长老啃唐老鸭 2014-10-16 08:56
    已采纳

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

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

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

    点赞 评论
  • Olivialoveme 2017-10-19 08: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()); } }); }); })


    点赞 评论
  • Olivialoveme 2017-10-19 09: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()); } }); }); })


    
    
    点赞 评论

相关推荐 更多相似问题