Html：ネストされたリストに追加する際の問題

Question

ARTCCのネストされたリストに追加する必要があります。ここでは、文書の本文から抜粋されています。ここでは

<div id="GUI" class="sidenav"> 
<section id='list' class="ladder tree"> 
<ul> 
<li><a id="ARTCC" href="."><i class="fa fa-cube"></i> <i class="fa fa-check-square"></i> ARTCC</a> 
     <ul> 
     <li><a id ="ZAB" href="#"><i class="fa fa-check-square"></i> ZAB</a></li> 
     <li><a href="#"><i class="fa fa-check-square"></i> ZAU</a></li> 
     <li><a href="#"><i class="fa fa-check-square"></i> ZBW</a></li> 
    </ul> 
</li> 
</ul> 
</section> 
</div> 

は、リストに項目を追加しfuncitonです：

for(var i = 0; i < added.length; i++) { 
    var entityId = added[i].name.toLowerCase(); 
    if(entityId.includes("z")){ 
     $("#ARTCC ul").append("<li><a id=" + added[i].id + " class=ARTCC href='#'><i class='fa fa-check-square'</i>" + added[i].name + "</a></li>"); 
    } 
} 

私は$（「＃ARTCC UL」）を使用する場合は何も追加しません。がリストに追加されます。

しかし、$（ "＃list ul ul"）.appendは項目を正しい場所に置きますが、項目を他のリスト項目に追加し、$（ "a.ARTCC" ）.dblclick（）をダブルクリックすると実行されません。

"#ARTCC ul"は私が探している結果を得る正しい方法だと思われますが、現在は動作していません。私はここに何かを逃していますか

最終結果はリストにこの最後の要素を追加します。

<li><a id="ARTCC" href="."><i class="fa fa-cube"></i> <i class="fa fa-check-square"></i> ARTCC</a> 
     <ul> 
     <li><a id ="ZAB" href="#"><i class="fa fa-check-square"></i> ZAB</a></li> 
     <li><a href="#"><i class="fa fa-check-square"></i> ZAU</a></li> 
     <li><a href="#"><i class="fa fa-check-square"></i> ZBW</a></li> 
     //new item 
     <li><a href="#"><i class="fa fa-check-square"></i> NEW ITEM</a></li> 
    </ul> 
</li> 

Answer 1

ARTCCは、ドキュメントツリー内で、以下のいずれかのULを持っていません。表示されたクエリセレクタは、最初に "ARTCC"というIDを持つ要素を見つけようとしていて、その中にあるすべてのul要素を選択しようとしています。あなたはに追加しようとしている場合を除き、<ul id="someId">に<ul>を変更することを行うには

<ul> 
    <li><a id ="ZAB" class="ARTCC" href="#"><i class="fa fa-check-square"></i> ZAB</a></li> 
    <li><a href="#"><i class="fa fa-check-square"></i> ZAU</a></li> 
    <li><a href="#"><i class="fa fa-check-square"></i> ZBW</a></li> 
</ul> 

、その後、jQueryのでは、あなたが$('#someId').append(someElement);

を行うことができます：それはあなたがこのULに追加するために探しているように聞こえますクラスARTCCあなたは$('.ARTCC')をやっていますが、それはあなたがやろうとしているようには見えません。

Answer 2

$("#ARTCC ul")から$("#ARTCC+ul")に変更してください。これはprev + nextセレクタです。