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

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