layui 树型结构选中子节点怎么得到父结点和子节点的值
时间: 2024-02-09 09:07:58 浏览: 210
遍历多级树状json获得父子节点值
假设你已经使用 layui 的 tree 模块渲染了一棵树,可以通过监听 tree 模块的 click 事件来获取选中节点的值和其父节点的值。
具体实现方法如下:
1. 给 tree 模块绑定 click 事件:
```javascript
tree.on('click', function(obj){
// 处理选中节点的值和其父节点的值
});
```
2. 在 click 事件处理函数中,通过 `obj.data` 属性获取当前选中节点的值和其父节点的值:
```javascript
tree.on('click', function(obj){
// 获取选中节点的值
var nodeValue = obj.data.value;
// 获取选中节点的父节点
var parentNode = obj.elem.parents('.layui-tree-set').eq(0);
var parentNodeValue = parentNode.data('value');
});
```
其中,`obj.data` 属性是当前选中节点的数据对象,包含节点的 id、name、是否展开等信息。`obj.elem` 属性是当前选中节点的 DOM 元素。通过 jQuery 的 `parents` 方法可以获取当前节点的所有父节点,再通过 `eq` 方法获取最近的一个父节点。最后通过 `data` 方法获取该父节点的值。
这样就可以获取到选中节点和其父节点的值了。
阅读全文