如何在jstree中获取所选节点的所有子节点

Question

var selectedNode = $("#evts").jstree("get_selected");

大家好，我正在使用上面的代码从树中获取选定的节点。如何获取所选节点的所有子节点... 我正在使用jstree 3.3 ...

先行致谢！

- user3401747

---

https://dev59.com/2mkw5IYBdhLWcg3wGGq8 - Rino Raj

Answer 1

var currentNode = $("#evts").jstree("get_selected");
   var childrens = $("#evts").jstree("get_children_dom",currentNode);

   for(var i=0;i<childrens.length;i++)
   {
   alert(childrens[i].innerText);
   }

以上代码按预期工作...

- user3401747

Answer 2

 var selectedNode = $("#evts").jstree("get_selected");
 var node_info=$('#evts').jstree("get_node",selectedNode[0]);

 // this node_info contains **children_d** an array of all child nodes' id .
 // **parents** an array of parent nodes


    alert(node_info.children_d.join(','));
    alert(node_info.parents.join(','));

- Joshy Francis

Answer 3

   // Return childen even if not rendered
  function getAllChildrenNodes(parentNode, children=[]) {
    var node = $("#SimpleJSTree").jstree("get_node",parentNode);
    children.push(node.id);
    if (node.children) {
      for (var i = 0; i < node.children.length; i++) {
        getAllChildrenNodes(node.children[i], children);
      }
    }
    return children;
  }
 var selectingInProccess=0;
  // select all child nodes when parent selected
  $('#SimpleJSTree').on('select_node.jstree', function (e, data) {
    if(selectingInProccess==0){
      selectingInProccess=1;
      var closedNodes=[];
      var children = getAllChildrenNodes(data.node.id);
      children.forEach(function(node){
        var nodeClosed = ($("#SimpleJSTree").jstree("is_closed",node));
        $("#SimpleJSTree").jstree("select_node",node);
        if(nodeClosed){
          closedNodes.push(node);
        }
      });
      closedNodes.forEach(function(node){
        $("#SimpleJSTree").jstree("close_node",node,false);
      });
      selectingInProccess=0;
    }
  });

  // deselect all child nodes when parent deselected
  $('#SimpleJSTree').on('deselect_node.jstree', function (e, data) {
    if(selectingInProccess==0){
      selectingInProccess=1;
      var children = getAllChildrenNodes(data.node.id);
      children.forEach(function(node){
        $("#SimpleJSTree").jstree("deselect_node",node);
      });
      selectingInProccess=0;
    }
  });

- Grega Rednak

Answer 4

例如：

enter $('button').on('click', function () {
var instance = $('#tree').jstree(true);
    selected = instance.get_selected()[0];
console.log(instance.get_node(selected).children);
});

如果你想在事件处理程序中这样做 - 它甚至更容易：

$('#tree').on('changed.jstree', function (e, data) {
console.log(data.instance.get_node(data.selected[0]).children);
});

- Zahra Badri

Answer 5

你可以使用 get_children_dom (obj) 来获取子元素尝试...

var selectedNode = $("#evts").jstree("get_selected");
var childrens = get_children_dom(selectedNode);

文档：https://www.jstree.com/api/#/?f=get_children_dom(obj)

- CMedina

---

没问题！如果我的回答对您有帮助，请接受并关闭问题！ - CMedina

ReferenceError: get_children_dom 未定义。 - Macbernie