この各ステートメントは、子オブジェクト(配列)を渡す大きな関数の一部です。問題は、ページ上のdom要素に渡される子オブジェクトの値の配列を比較しようとしていることです。要するに、2つのアレイを比較するにはどうすればよいですか?渡された配列(子)の値がページにないか、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がどのように構築されるかの基本的な例です。各タブは、渡された配列オブジェクト(子)に基づいて動的に生成されます