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


方法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  })

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM