每个语句都是一个更大的函数的一部分,该函数获取传入的子对象(数组)。我遇到的问题是,我试图比较传入的子对象中的值数组到页面上的 dom 元素。简而言之,我如何比较 2 个数组?如果传递的数组 (Children) 中的值不在页面上或在 dom 中找不到,则将值添加到 DOM。如果值已经在 DOM 中,则什么也不做。
$.each(children,function(){
for (var i in children){
var the_child = children[i];
var the_child_check = $("#" + the_child.id, self.container);
}
if(self.container.children.length >=0){
self.container.tabs('add', '#' + the_child.id, the_child.label);
}else{
self.container.tabs('remove', '#' + the_child.id);
});
一旦我了解了如何实现这个逻辑,那么我应该能够将它合并到函数中的适当位置。
<div id="tabcontainer">
<ul id="tab1">
<li>tab 1</li>
</ul>
<ul id="tab2">
<li>tab 1</li>
</ul>
</div>
这是如何构建 html 的基本示例。每个选项卡都是根据传入的数组对象(children)动态生成的