jQuery迭代嵌套对象显示所有嵌套对象的键

我使用嵌套$遍历嵌套对象的json对象。每个函数。问题是，当我使用内部$遍历嵌套对象时，它会返回所有嵌套对象的键，而不仅仅是第一个嵌套对象。在第二次迭代中，它返回所有的键减去第一个嵌套对象的键，依此类推。代码如下：

var数据={
'1': {
‘a’：‘1a’，
‘b’：‘1b’，
‘c’：‘1c’
},
'2': {
‘a’：‘2a’，
‘b’：‘2b’，
‘c’：‘2c’
},
'3': {
‘a’：‘3a’，
‘b’：‘3b’，
‘c’：‘3c’
}
};
var my_ul=$（'mydiv ul'）；
$。每个（数据、函数（键、值）{
$（“
”{
html:key+'
'
}).appendTo（我的ul）；
var deep_ul=$（'mydiv ul li ul'）；
$。每个（值、函数（k、v）{
$（“
”{
html:k+'：'+v
}).附文（深）；
});
});


这一切都在jQuery DOM操作中完成。选择器
#mydiv ul li ul
正在拉取#mydiv中的每个分散ul节点

相反，我发现它是最干净的，只需单独构建每个li和Decent ul并将它们附加到父节点：


var数据={
'1':{
‘a’：‘1a’，
‘b’：‘1b’，
‘c’：‘1c’
},
'2':{
‘a’：‘2a’，
‘b’：‘2b’，
‘c’：‘2c’
},
'3':{
‘a’：‘3a’，
‘b’：‘3b’，
‘c’：‘3c’
}
};
var my_ul=$（'mydiv ul'）；
$。每个（数据、函数（键、值）{
var li=$（“
”，{html:key}）；
var deep_ul=$（“
”）；
$。每个（值、函数（k、v）{
$（“
”，{html:k+'：“+v}）.appendTo（deep_ul）；
});
深附录（li）
（我的）附件；
});



看起来不错，谢谢！请原谅我的无知，我是否介意解释一下为什么这样做，或者我应该说一下为什么我所展示的东西不起作用？正如我所提到的，选择器
#mydiv ul li ul
得到了每一个
对#mydiv的尊重。因此，当您添加子元素时，您将在每个循环迭代中向每个子节点追加文本。第一次迭代添加到子1，第二次迭代添加到子1和子2，依此类推。。。