dtree是一个不错的树结构插件,可惜不支持节点的删除功能,在晚上找了半天也没有看到合适的处理方法,于是自己动手丰衣足食吧!在这里和大家分享一下!
工具/原料
1
PC
2
firefox
3
firebug
方法/步骤
1
dtree是一个不错的树结构插件,可惜不支持节点的删除功能,在晚上找了半天也没有看到合适的处理方法,于是自己动手丰衣足食吧!在这里和大家分享一下!
2
APK
1.用firefox的firebug查看树结构可以发现[html] view plain copy
3
2.这样问题就变成了删除这个div就可以了 请看代码中绿色部分,我的思路是抓取 树节点中的input元素, 通过该元素找到其父元素(这个父元素也就是我们要删除的节点了),找到父元素的父元素(爷爷元素),然后从爷爷元素中删除父元素就可以了!
4
3.具体实现起来是这样的 [html] view plain copy //获取input元素 最底层孙子元素 var 孙子元素=document.getElementById('delit'); //获取父元素 var 父元素=孙子元素.parentNode; //获取爷爷元素 var 爷爷元素=父元素.parentNode; //从爷爷元素中移除父元素 爷爷元素.removeChild(父元素);
5
ok,大功告成!树节点已经从树中彻底根除了!希望能给你带来帮助!这里顺便推荐一个 ZTREE ,个人比较喜欢!大家可以多一个选择!
下一篇:C# 给Word段落添加边框