JsTree获取选定的节点同级和子同级ids

JsTree是一个基于jQuery的树形插件，用于在网页中展示树形结构的数据。它提供了丰富的功能和灵活的配置选项，可以方便地实现树形结构的展示和交互操作。

要获取选定的节点同级和子同级的ids，可以使用JsTree提供的方法和事件来实现。以下是一个示例代码：

// 初始化JsTree
$('#tree').jstree({
  'core': {
    'data': [
      {
        'id': 'node1',
        'text': 'Node 1',
        'children': [
          {
            'id': 'node1_1',
            'text': 'Node 1.1'
          },
          {
            'id': 'node1_2',
            'text': 'Node 1.2'
          }
        ]
      },
      {
        'id': 'node2',
        'text': 'Node 2'
      }
    ]
  }
});

// 监听节点选中事件
$('#tree').on('select_node.jstree', function (e, data) {
  var selectedNode = data.node;
  
  // 获取选定节点的同级节点ids
  var siblingsIds = selectedNode.parent !== '#' ? $('#' + selectedNode.parent).children('.jstree-node').map(function () {
    return this.id;
  }).get() : [];
  
  // 获取选定节点的子同级节点ids
  var childrenIds = selectedNode.children.map(function (childId) {
    return $('#' + childId).attr('id');
  });
  
  console.log('同级节点ids:', siblingsIds);
  console.log('子同级节点ids:', childrenIds);
});

在上述代码中，我们首先通过$('#tree').jstree({...})方法初始化了一个树形结构，并传入了一些示例数据。然后，我们通过监听select_node.jstree事件来获取选定节点的同级节点和子同级节点的ids。在事件处理函数中，我们首先获取选定节点的父节点id，然后通过jQuery选择器找到该父节点下的所有同级节点，并将它们的id存入siblingsIds数组中。接着，我们通过选定节点的children属性获取其子节点的id，并将它们存入childrenIds数组中。最后，我们通过console.log打印出同级节点ids和子同级节点ids。

这样，我们就可以通过JsTree获取选定的节点同级和子同级的ids了。

关于JsTree的更多详细信息和用法，可以参考腾讯云的产品介绍页面：JsTree产品介绍