编程语言
首页 > 编程语言> > jstree获取所有节点 jstree遍历所有节点_JavaScript

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

 

标签:node,function,text,JavaScript,节点,jstree,id
来源: https://www.cnblogs.com/winnersalp/p/15480706.html