javascript - jQuery Mobile: 順序なしリスト

Question

次のような順序付けられていないリストがあります。

<ul id="mylist">
    <li id="1">Heading</li>
    <li id="2">Second</li>
</ul>

私がやりたいことは、別のリスト項目を追加するときです:

<li id="3">First</li>

「mylist」の最初のリスト項目のすぐ下にあるリスト項目の先頭に追加する必要があります。つまり、この場合は「Heading」のすぐ下です。したがって、最終的なリストは次のようになります。

<ul id="mylist">
    <li id="1">Heading</li>
    <li id="3">First</li>
    <li id="2">Second</li>
</ul>

前もって感謝します。

注意: これを実装しようとして学んだことは、jQuery で選択された要素にコンテンツを追加または追加すると、選択した要素内のコンテンツに追加または追加されることです。

score 3 · Accepted Answer

afterメソッドと:firstセレクターを使用できます。

$('#mylist li:first').after('<li id="3">First</li>')

score 1 · Accepted Answer

DOM ツリーでの配置をより正確にするために、.after または .insertAfter を使用できます。

2 に答える 2