jquery - 複数のdivへのjQueryの挿入

Question

問題: jQuery は<li>両方の div に要素を挿入しますが、最初のリストにのみ挿入する必要があります。

HTML 構造

<div id="participantsList1">
    <div class="inputList"></div>
</div>

<div id="participantsList2">
    <div class="inputList"></div>
</div>

jQuery:

this._itemList = $("#participantsList1");
 $('<li class="badge">' + WCF.String.escapeHTML(data.label) + ' <span class="icon icon-remove pointer"></span></li>').insertBefore(".inputList", this._itemList);

編集：participantsList1静的な値ではありません..

Answer 1

より具体的にすることができます：

[...].insertBefore("#participantsList1 .inputList", this._itemList);

Answer 2

私は自分で問題を解決しました：

$('<li class="badge">' + WCF.String.escapeHTML(data.label) + ' <span class="icon icon-remove pointer"></span></li>').insertBefore($(".inputList", this._itemList));

jQuery オブジェクトをinsertBefore()(missing $(...))に渡す必要がありました

Answer 3

これは、あなたが で任意の要素を$('<li class="badge">'参照するためです。 liclass = badge

parent > childセレクターを使用できます: http://api.jquery.com/child-selector/

.insertBefore("#participantsList1 > inputList").

完全な例:

$('<li class="badge">' + WCF.String.escapeHTML(data.label) + ' <span class="icon icon-remove pointer"></span></li>').insertBefore("#participantsList1 > .inputList", this._itemList);