Question

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

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

感谢jonas我已经使用了这个孩子...所以这就是孩子们[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]);
}
}

嵌套的DIV表（即表中的表），如何使用所有数据构建一个Object？

1 个答案: