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段落添加边框
推荐信息
- 1
带你了解超声波检漏仪SDT密封性检测应用范围
- 2
dtree 删除子节点
- 3
摩飞多功能锅有哪些功能?
- 4
奔腾POVOS电饭煲(E尚系列PF50N-E)说明书
- 5
电热水壶什么牌子好及电热水壶优点
- 6
九阳电饭煲密封圈掉了怎么办?
- 7
加湿器不出雾是什么原因
- 8
机顶盒怎么搜索cctv16
- 9
自吸排污泵在使用的过程中遇到不抽水有哪些情况
- 10
AI如何制作淡雅底纹背景?(下篇)
- 11
奔腾电饭锅PF40N-G型说明书
- 12
教你如何把自己喜欢的图片换成ppt背景!
- 13
右工作肖悲叹国国似是而非保暖花样百出
- 14
云平台POLYV中如何开启视频加密/视频保护功能
- 15
奔腾剃须刀 如何拆
- 16
奔腾PH1801电吹风机开箱晒物
- 17
电压力锅什么牌子好_什么牌子的电压力锅好
- 18
PS如何做出中性淡雅色调的图片
- 19
电饭煲选购指南(一)
- 20
电饭煲选购技巧电饭煲哪个牌子的好
- 21
压力锅什么牌子好?压力锅选购指南
- 22
豆浆机啥牌子好,教你选购豆浆机
