jstree获取所有节点 jstree遍历所有节点_JavaScript
2021/10/29 17:11:55
本文主要是介绍jstree获取所有节点 jstree遍历所有节点_JavaScript,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
方法1:jstree加载成功后遍历所有li节点。
.on('ready.jstree', function (e, data) { $('#tree li').each(function () { // Perform logic here let id = $(this).attr('id'); let text = $(this).children('a').text();
console.log(id +","+ text);
}); }
方法2: 取得jstree的json信息,从jstree根节点开始递归显示所有节点信息。
1 }).on('ready.jstree', function (e, data) { 2 3 function readNode(parentText, nodeArr) { 4 for (var i = 0; i < nodeArr.length; i++) { 5 var node = nodeArr[i]; 6 if (node.type == "object") { 7 console.log(parentText+","+node.id +","+ node.text); 8 } else { 9 readNode(node.text, node.children); 10 } 11 } 12 } 13 14 let treeJson = $('#tree').jstree().get_json(); 15 16 readNode("#", treeJson); 17 18 })
这篇关于jstree获取所有节点 jstree遍历所有节点_JavaScript的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求
- 2024-10-01使用 golang 将ETH账户的资产平均分散到其他账户
- 2024-10-01JWT用户校验课程:从入门到实践
- 2024-10-01Server Component课程入门指南
- 2024-09-30Dnd-Kit学习:新手快速入门指南