//传入参数:需要遍历的对象,需要匹配的id,获取所有的父级节点的Id
function findIdList(data2, id, children = 'children', level = 0) {
var arrRes = [];
let obj = {
id: 0,
[children]: data2
}
let rev = (data, id, level) => {
if (!data || !data[children] || !data[children]length) {
return;
}
for (var i = 0; i < data[children]length; i++) {
let item = data[children][i];
if (itemid == id) {
// 将匹配到的结果保存到数组
arrResunshift({ level, activeId: itemid });
// 递归它的父级
rev(obj, dataid, 0);
break;
} else if (item[children] && item[children]length > 0) {
//如果有子集,则把子集作为参数重新执行本方法
rev(item, id, level + 1);
}
}
};
rev(obj, id, level);
return arrRes;
}
let list = [
{id: 1, children: [
{id: 11, children: [{id: 12}]}
]},
{id: 2, children: [{id:21, children: [{id: 31}]}]}
]
let b = findIdList(list, 21)
consolelog(b) // [ { level: 0, activeId: 2 }, { level: 1, activeId: 21 } ]
这个要用到JS中的innerHTML来实现,具体代码如下:
<style>
ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式
li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式
</style>
<ul id="aaa">//这里给出UL一个ID,以便JS脚本获取相应元素
<li>中国</li>
<li>美工</li>
<li>意大利</li>
<li>德国</li>
</ul>
<script>
windowonload = function(){
var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>。
var rowData = $('#dataGrid')jqGrid('getRowData', id);
改成
var rowData = $('#dataGrid')jqGrid('getRowData', id,true);
以上就是关于JS根据子节点递归获取所有父节点的集合全部的内容,包括:JS根据子节点递归获取所有父节点的集合、js获取<li>的子节点<a>里的title、jqgird treegird 使用getNodeChildren获取子节点时返回的总是空数组等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)