jquery - 要素の前に jQuery を付加する

Question

私はこのようなhtml構造を持っています/

<li id="1"></li>
<li id="2"></li>
<li id="3"></li>
<li id="comment-box"></li>

今、私は先頭に追加したい

<li id="4"></li>

コメントボックスの前。

私はコメントボックスからフォームを送信しています。それが成功したら、先頭に追加したいと思います。

score 33 · Accepted Answer

33

before()を使用します。

$('#comment-box').before('<li id="4"></li>')

于 2010-11-17T07:10:08.303 に答える

score 4 · Accepted Answer

これはもっと理にかなっていませんか?:

$('ul#comments_container').prepend('<li id="4"></li>');

また

$('<li id="4"></li>').hide().prependTo('Ul#comments_container').slideDown("slow");

これにより、それを ul リストの先頭に追加して、リストの最後に配置することができます。「prepend」または「appendTo」ではなく「append」を使用することもできます。

score 0 · Accepted Answer

要素にシーケンシャル ID が付加されることはまれですが、一致する要素の長さが不明な特定のインデックスに挿入する場合が考えられます。

リスト内の項目数がわかっている場合は、nth-child または :eq を使用して項目に直接アクセスできます。マークアップクラス名または ID を jQuery セレクターに結合する必要はありません。

$('li:nth-child(3)'):eq はゼロベースであるため、は 3 番目<li>を選択し、は 4 番目を選択します。$('li:eq(3)')

あなたの場合、私の好みは次のとおりです

$('li:last').prepend('<li>Fourth item</li>');

4 に答える 4