嵌套的DIV表(即表中的表)，如何用所有的数据构建一个对象

Nested DIV tables (i.e. table within table), how to build an Object with all the data?

本文关键字：何用所 数据 构建 一个对象 DIV 嵌套      更新时间：2023-09-26

我试图建立一个对象，每个div行可以有多个子行

请运行这个jsfiddle作为示例https://jsfiddle.net/h55bdxrf/18/

感谢乔纳斯，我用孩子走了这么远…这就是

下面的children [i]的结果
<div class=​"row chargePartyRow" id=​"1">
    ​<div class=​"col-sm-5 subDesc">​Sub Desc 1.1​</div>
    ​<div class=​"col-sm-5 colour">​Blue​</div>
​</div>​

，但现在最后一步，我如何得到1从第一个div的id在孩子?

    <div class=​"row chargePartyRow" id=​"1">

我试着

console.log(childs[i].attr("id"));

but get我得到错误:' children [I]。Attr不是一个函数

还想获得'Sub Desc 1.1'和'Blue'的innerHtml

你需要的是一个数组:

如果你不知道，数组就是包含多个变量的变量 

var myobj={
children:[
     myobj2,
     myobj3
     ],
 description:"test"
 }

你可以用一个自调用函数

遍历所有这些
function check(obj,parent=window){
for(i=0;i<obj.children.length;i++){
check(obj.children[i],obj);
}
//do sth
}

对DOM执行相同操作:

function check(id){
//do whatever
parent=document.getElementById(id);
childs=parent.children;
for(i=0;i<childs.length;i++){
//do sth with the child
check(childs[i]);
}
}
相关文章：