jstree获取所有节点 jstree遍历所有节点_JavaScript

摘要:
方法1:成功加载jstree后,遍历所有li节点。

方法1:jstree加载成功后遍历所有li节点。

.on('ready.jstree', function (e, data) {

     $('#tree li').each(function () {
       // Perform logic here
       let id = $(this).attr('id');
       let text = $(this).children('a').text();
     console.log(id +","+ text);
 }); }

方法2: 取得jstree的json信息,从jstree根节点开始递归显示所有节点信息。

 1  }).on('ready.jstree', function (e, data) {
 2 
 3    function readNode(parentText, nodeArr) {
 4      for (var i = 0; i < nodeArr.length; i++) {
 5        var node = nodeArr[i];
 6        if (node.type == "object") {
 7           console.log(parentText+","+node.id +","+ node.text);
 8        } else {
 9          readNode(node.text, node.children);
10        }
11      }
12    }
13 
14    let treeJson = $('#tree').jstree().get_json();
15 
16    readNode("#", treeJson);
17 
18  })

免责声明:文章转载自《jstree获取所有节点 jstree遍历所有节点_JavaScript》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇浏览器默认样式PowerDesigner中如何导入表结构下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jsTree通过AJAX从后台获取数据

页面代码: <div id="MenuTree"></div> javascript代码: $(document).ready(function($) { InitMenuTree(); }); functionInitMenuTree() { $('#MenuTree').data('jstree', false);...

菜单树jstree.js插件几个主要事件汇总

jstree.js是一个很强大管理菜单的插件,奈何中文的文档或者案例太少了,用起来很痛苦,下面我就介绍这段时间我经常用到,平时项目也经常用到的几个知识点。 参考了一下文章: https://blog.csdn.net/j1137573560/article/details/82821839 https://www.cnblogs.com/chenjunsh...

java压缩包上传,解压,预览(利用editor.md和Jstree实现)和下载

java压缩包上传,解压,预览(利用editor.md和Jstree实现)和下载 实现功能:zip文件上传,后台自动解压,Jstree树目录(遍历文件),editor.md预览 采用Spring+SpringMVC+Maven+Jstree+editor.md实现,主要功能: zip压缩文件的上传 后台自动解压 Jstree自动获取最上层目录,每次仅仅会...