javascript - jstree jquery如何迭代所有节点

Question

我正在尝试迭代 jstree 中 TreeView 中的每个节点。 TreeView 有 4 层深，但我似乎无法超过第一层。以下是用于迭代的 jQuery。

$("#myTree").bind('ready.jstree', function (event, data) {
    $('#myTree li').each(function () {
        // Perform logic here
        }
    });
});

Here是一个jsfiddle来说明我的观点。请帮助我如何迭代 jstree 中的每个节点。

Answer 1

这会将树的所有子节点放入 .each 循环的平面数组中。

$("#tree").bind('ready.jstree', function(event, data) {
  var $tree = $(this);
  $($tree.jstree().get_json($tree, {
      flat: true
    }))
    .each(function(index, value) {
      var node = $("#tree").jstree().get_node(this.id);
      var lvl = node.parents.length;
      var idx = index;
      console.log('node index = ' + idx + ' level = ' + lvl);
    });
});

JSFiddle -Docs for get_json