追加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