JQuery动态显示当前选中节点的父节点
来源:互联网 发布:频无损剪切软件 编辑:程序博客网 时间:2024/06/05 09:48
使用JQuery动态显示当前选中叶子节点的所有父节点效果图如下:
全部代码如下:
1、定义显示父节点标签的id。
<a id="ind_current" title="当前指标"></a>
2、通过当前叶子节点循环获取得到父节点,直至根节点,并在相应标签处循环遍历读取数据。
<script type="text/javascript">$(function(){$('#index-tree').tree({ url:'ind_tree.json', onClick: function(node){ var isleaf=$(this).tree('isLeaf', node.target); if(isleaf){ //获取当前选中叶子节点的所有父节点 var nodes=[];//定义数组存放各个节点的指标名称 nodes.push(node.text); //放入当前节点的指标名称 var pnode=$(this).tree('getParent', node.target);//获取当前节点的父节点 while(pnode!=null){ nodes.push(pnode.text); //依次放入各个父节点,直到根节点为止 pnode=$(this).tree('getParent', pnode.target); } nodes.reverse(); //数组元素倒序排序 $("#ind-current").text(""); //清空数据,若不清空则所有选中过的节点相应数据都将显示 //遍历数组,循环取数 $.each(nodes,function(){ var html=this;//这里的this指向每次遍历中数组的当前元素 if(this!=names){ $("#ind-current").html( $("#ind-current").html() + html + "-" ); }else{ $("#ind-current").html( $("#ind-current").html() + html ); } }); } }});});</script>
- JQuery动态显示当前选中节点的父节点
- extjs treepanel 动态的加载节点,选中父节点时,同时选中下面的子节点
- easyUI-Tree显示选中节点的所有父节点
- jquery获取当前的节点
- 功能:获取当前选中节点的子节点id集合。
- zTree获取当前选中节点的子节点id集合
- Extjs选中当前节点后自动选中子节点和父节点
- ztree显示选中节点
- 递归获取当前节点的父节点
- jquery删除当前节点
- JQuery获取除当前节点的所有同级兄弟节点
- js、jquery获取当前元素的父,子,兄弟节点
- 通过jquery获取当前的html节点
- [Extjs6] treepanel 选中父节点-相关的子节点的选中情况同父节点
- 如何使用javascript得到TreeView当前选中的节点【收集】
- TreeView中如何选中一个父节点同时选中所有的子节点和孙节点。。。
- jquery获取父节点、子节点、兄弟节点的方法
- jquery 动态生成节点
- linux检查网线是否插入
- 【算法导论】程序出错的解释说明
- 【xtku】保密至上!删除共享文档有绝招
- IOS之HTTP请求
- Oracle查询表结构的方法
- JQuery动态显示当前选中节点的父节点
- ioctl,unlocked_ioctl 处理方法
- javascript--弹出对话框 四种对话框 获得用户输入值 .
- ubuntu12.0.4下安装eclipse
- VB数据库编程新手入门必会
- Source Insight 显示全路径
- 使用JDK的keytool来为Tomcat配置SSL认证(一)
- CALayer实现,界限、透明度、位置、旋转、缩放组合动画
- Android开发之XML文件解析