js-关于JS删除父节点的问题

问题描述

关于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);
}
}
请问哪里不对?或者说有什么其他的解决方案。希望知道的帮忙看下

解决方案

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

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

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

时间: 2024-10-21 11:00:05

js-关于JS删除父节点的问题的相关文章

javascript-请问JS如何获取json父节点或兄弟节点?

问题描述 请问JS如何获取json父节点或兄弟节点? 当前元素需要使用与自己同级的元素,请问如何获取(原生JS)?

JS动态增加删除UL节点LI及相关内容示例_javascript技巧

复制代码 代码如下: <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li id=

Javascript removeChild()删除节点及删除子节点的方法_javascript技巧

下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild(). removeChild() 方法用来删除父节点的一个子节点. 语法:     parent.removeChild(thisNode) 参数说明:   参数 说明 thisNode 当前节点,即要删除的节点 parent 当前节点的父节点,即 thisNode.parentNode 例如,删除 id="demo&qu

jQuery获取父元素及父节点的方法小结_jquery

本文实例总结了jQuery获取父元素及父节点的方法.分享给大家供大家参考,具体如下: jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> &

浅谈js的html元素的父节点,子节点_javascript技巧

parentNode和parentElement功能一样,childNodes和children功能一样.但是parentNode和childNodes是符合W3C标准的,可以说比较通用.而另外两个只是IE支持,不是标准,Firefox就不支持 示例: "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 ,如下: <div id="parent"> <b id="child

js与jquery获取父元素,删除子元素的两种不同方法

 本篇文章主要是对js与jquery获取父元素,删除子元素的两种不同方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法   var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法   1.对于上面获得的对象进行遍历   (1).js方法  for(vat i=0;j<obj

javascript-前端js加载ztree出现最后一个节点不能判断他是不是父节点

问题描述 前端js加载ztree出现最后一个节点不能判断他是不是父节点 最近做java项目开发遇到个问题,就是ztree插件的最后一个节点不是父节点,我怎么判断它 是不是父节点,最好在后台判断,前端js也行,且不是父节点就不显示文件夹. 解决方案 ztee有相应判断方法. 初始化节点数据时,根据 treeNode.children 属性判断,有子节点则设置为 true,否则为 false

myflow.js怎么实现删除节点,保存时json 转jpdl格式的XML?

问题描述 myflow.js怎么实现删除节点,保存时json 转jpdl格式的XML? 项目中向用myflow.js做工作流流程设计器.实现类似这样的效果.http://gekie.iteye.com/blog/2230861 解决方案 删除的时候你选中节点按delete键就可以删除了,转换为jpdl不懂是什么,没搞过..自己eval转为json对象后变量转为换就行了 $('#myflow') .myflow( { tools : { save : { onclick: function (da

js查找父节点的简单方法_javascript技巧

<div>         <a href="#">标题</a>         <ul id="demo">             <li><a href="#" onclick="selectThisItem(this)">项目一</a></li>                 <ul>