2011-10-21 15 views
0

私は、次のHTML追加後のjQuery挿入?

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

を持っている基本的に私はこれに原料の束を追加するappendTo(ul)を使用していますが、私は最初の子li AFTER実際appendにそれをしたいですか?

どうすればいいですか?

私はあなたがちょうどinsertAfterを使用すると、セレクタは、より具体的にすることができ、appendToinsertAfterを結合する必要はありません.appendTo(ul).insertAfter('li:first');

答えて

2

を試してみた:

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

ここworking exampleです。

編集コメント

に基づいて、私は何を意味することは、あなたがすでに変数にulを持っており、それを使用したいということだと思います。

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

ここではその1のexampleです:そのような場合、あなたはこのような何かを試みることができます。

+0

私は 'function(ul、item)'の一部として 'ul'を使用していますか? – Andy

+0

@Andy - 私の編集を参照してください。私はそれがあなたがやろうとしていることだと思います。 –

+0

なぜ使用しにくいのですか?なぜなら、後で1行に1つのラッパーを書くときです。 – Sinetheta

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

これは、最初の奥に入れます – Sinetheta

+0

ありがとう。 – Jayendra

1

最初のliの後に挿入するには、after()を使用します。

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

誰もがリングに帽子を投げて、あなたが最初にマークを打つのでした;) – Sinetheta

0

私はあなたがしたいと仮定します。

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

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

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

もし彼がそのような基本的な質問をしているのであれば、私は彼に実際には動作しないコード断片を与えるとは思わないでしょう – Sinetheta

+0

@Sinetheta:I彼が使ったスタイル( '.appendTo(ul).insertAfter( 'li:first');')に従っているので、私は彼がそれに対処できると仮定しています。 –

2

はこれを使用してみてください............. ......

ul>li:first 
関連する問題