追加jQuery後插入？

Question

我有以下的HTML

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

基本上我用appendTo(ul)一堆東西附加到這一點，但我想它實際上append第一個孩子後li？

我該怎麼做？

我已經試過.appendTo(ul).insertAfter('li:first');

Answer 1

你並不需要結合appendTo和insertAfter，你可以只使用insertAfter，使選擇更具體：

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

這裏有一個working example。

編輯基於評論

我想你的意思是，你已經有了一個變量的ul並想使用它。如果是這樣的話，你可以嘗試這樣的事：

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

下面是一個的example。

Answer 2

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

Answer 3

使用後（）插入第一個li之後。

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

Answer 4

我想，你希望：

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

，或者如果ul不是一個變量：

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

Answer 5

嘗試使用此............. ......

ul>li:first