jstree 用JS代码展开或关闭
时间: 2024-09-12 11:03:19 浏览: 32
jstree 是一个流行的 JavaScript 插件,用于创建动态的树形结构。它提供了丰富的API来操作树形结构,包括展开或关闭树节点。以下是一个基本的示例,展示了如何使用 jstree 的 API 来展开或关闭节点:
首先,你需要确保已经引入了 jstree 的库到你的项目中:
```html
<script src="path/to/jstree.js"></script>
```
然后,你可以使用以下的 JS 代码来初始化 jstree,并操作节点:
```javascript
// 初始化jstree,假设你的容器元素是 id 为 "jstree-container" 的元素
$("#jstree-container").jstree();
// 展开id为"node-id"的节点
$("#jstree-container").jstree("open_node", "#node-id");
// 关闭id为"node-id"的节点
$("#jstree-container").jstree("close_node", "#node-id");
// 展开所有节点
$("#jstree-container").jstree("open_all");
// 关闭所有节点
$("#jstree-container").jstree("close_all");
```
在使用上述代码之前,你需要确保 jstree 的 HTML 结构已经正确加载到具有 id "jstree-container" 的 DOM 元素中。同时,确保你的节点有一个唯一的 ID,如上面的 "#node-id"。