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

Question

我正在尝试构建一个对象，其中每个 div 行可以有多个子行

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

感谢乔纳斯，我已经使用 Children 到目前为止了......所以这就是下面的 childs[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>​

但现在最后一步，如何从子级中第一个 div 的 id 中获取 1？

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

我试过了

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

但是我收到错误:“childs[i].attr 不是函数”

还想获取innerHtml的“Sub Desc 1.1”和“Blue”

Answer 1

你需要的是一个数组:

如果你不知道的话，数组是一个保存多个变量的变量

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]);
}
}