多语言展示
当前在线:576今日阅读:195今日分享:41

dtree 删除子节点

dtree是一个不错的树结构插件,可惜不支持节点的删除功能,在晚上找了半天也没有看到合适的处理方法,于是自己动手丰衣足食吧!在这里和大家分享一下!
工具/原料
1

PC

2

firefox

3

firebug

方法/步骤
1

dtree是一个不错的树结构插件,可惜不支持节点的删除功能,在晚上找了半天也没有看到合适的处理方法,于是自己动手丰衣足食吧!在这里和大家分享一下!

2

1.用firefox的firebug查看树结构可以发现[html] view plain copy                        APK    

                                   
                                                                
  
    
                                         
这里我们主要看红色的部分,我想各位已经明白了,其实树形结构一个节点就是一个div.

3

2.这样问题就变成了删除这个div就可以了        请看代码中绿色部分,我的思路是抓取 树节点中的input元素, 通过该元素找到其父元素(这个父元素也就是我们要删除的节点了),找到父元素的父元素(爷爷元素),然后从爷爷元素中删除父元素就可以了!

4

3.具体实现起来是这样的           [html] view plain copy //获取input元素 最底层孙子元素   var 孙子元素=document.getElementById('delit');                   //获取父元素    var 父元素=孙子元素.parentNode;    //获取爷爷元素                     var 爷爷元素=父元素.parentNode;    //从爷爷元素中移除父元素                       爷爷元素.removeChild(父元素);

5

ok,大功告成!树节点已经从树中彻底根除了!希望能给你带来帮助!这里顺便推荐一个 ZTREE  ,个人比较喜欢!大家可以多一个选择!

推荐信息