jquery - jQueryは追加後に挿入しますか？

Question

私は次のHTMLを持っています

<ul>
   <li>Some stuff first<li>
</ul>

基本的に私はappendTo(ul)これにたくさんのものを追加するために使用していますが、実際にappendは最初の子の後にそれを追加したいliですか？

これどうやってするの？

私はもう試した.appendTo(ul).insertAfter('li:first');

score 2 · Accepted Answer

appendToとを組み合わせる必要はありません。セレクターをinsertAfter使用insertAfterして、より具体的にすることができます。

var li = $("<li>New</li>");
li.insertAfter($("ul li:first"));

これが実際の例です。

コメントに基づいて編集

あなたが意味しているのは、あなたがすでにul変数にを持っていて、それを使いたいということだと思います。その場合は、次のような方法を試すことができます。

var li = $("<li>New</li>");
li.insertAfter(ul.children().eq(0));

score 2 · Accepted Answer

2

これを使ってみてください......

ul>li:first

于 2011-10-21T06:50:09.877 に答える

score 1 · Accepted Answer

after（）を使用して、最初のliの後に挿入します。

$('ul li:first').after('<li>some other stuff</li>');

score 0 · Accepted Answer

0

$('ul li:first').after('<li>Some stuff second</li>')

于 2011-10-21T06:46:01.907 に答える

score 0 · Accepted Answer

私はあなたが望むと仮定します：

.insertAfter($(ul).children().first());
// should work as well:
// .insertAfter(ul.children[0])

またはul変数でない場合:

.insertAfter('ul > li:nth-child(1)');

5 に答える 5