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根節點開始遞歸顯示所有節點信息。

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

   function readNode(parentText, nodeArr) {
     for (var i = 0; i < nodeArr.length; i++) {
       var node = nodeArr[i];
       if (node.type == "object") {
          console.log(parentText+","+node.id +","+ node.text);
       } else {
         readNode(node.text, node.children);
       }
     }
   }

   let treeJson = $('#tree').jstree().get_json();

   readNode("#", treeJson);

 })