通过子节点查找父节点

lz在用element-ui时候用到Cascader 级联选择器多选的时候是要进行通过子节点查找所有的父节点的需求；于是有了下面的代码:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>find family</title><script type="text/javascript">var json = [{id: 1,parentId: null,children: [{id: 10,parentId: 1,children: [{id: 101,parentId: 10}]}, {id: 11,parentId: 1,children: [{id: 110,parentId: 11}]}]}]</script><script type="text/javascript">var parentNode = null;var node = null;function getNode(json, target) {for (var i = 0; i < json.length; i++) {if (node) {break;}var obj = json[i];if (!obj || !obj.id) {continue;}if (obj.id == target) {node = obj;if (obj.parentId) {parentNode = { id: obj.parentId };}break;} else {if (obj.children && obj.children.length != 0) {getNode(obj.children, target)} else {continue;}}}if (!node) {parentNode = null;}return {parentNode: parentNode,node: node};}var query = 101;var result = [];var getResult = function (json, query) {node = null;parentNode = null;var obj = getNode(json, query);if (obj.parentNode) {getResult(json, obj.parentNode.id);result.push(obj.parentNode.id);}return result;}getResult(json, query);console.log(result);</script>
</head><body>
</body></html>

改某个网友的代码；之前的这位网友写的是有bug的；

转载于:https://www.cnblogs.com/zdf-xue/p/11503600.html

通过子节点查找父节点相关推荐

Java根据子节点查找父节点
/*** 根据节点查找父节点* @param label* @return*/public static Label getParentLabelObject(Label label,List< ...
XML解析（JAVA解析xml文件）java+Dom4j+Xpath xml文件解析根据子节点得到父节点查找校验xml文件中相同的节点属性值 java遍历文件夹解析XML
XML解析 (JAVA解析xml文件)java+Dom4j+Xpath xml文件解析根据子节点得到父节点以及查找xml文件中相同的节点属性值项目背景:这是本人实习中所碰到的项目,当时感觉很棘手, ...
mysql递归查找父节点
参照https://blog.csdn.net/weixin_35756522/article/details/8187653 s2表结构如下: set @a=6; select @a as _id, ...
java 树状数据，递归从子节点找父节点
前言:递归算法在项目中也会使用到,简单介绍一下在项目中使用到的场景递归方法实现三个要素: 1.明确递归终止条件: 2.给出递归终止时的处理办法: 3.提取重复的逻辑,缩小问题的规模. 场景一:根据树 ...
JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
js与jquery获取子节点、父节点、兄弟节点的方法
js与jquery获取子节点.父节点.兄弟节点的方法在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...
Oracle树查询(查询所有子节点，父节点等等)_转载
Oracle树查询(查询所有子节点,父节点等等) 转载 2016年01月14日 10:11:55 Oracle树查询的最重要的就是select...start with... connect by . ...
dom4j添加节点的父节点_HTML DOM节点介绍
HTML DOM节点介绍,在HTML DOM中,所有事物都是节点.DOM是被视为节点树的HTML. DOM节点根据W3C的HTML DOM标准,HTML文档中的所有内容都是节点: 整个文档是一个文档 ...

通过子节点查找父节点

通过子节点查找父节点相关推荐

最新文章

热门文章