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

Answer 3

使用after（）在第一个li之后插入。

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

Answer 4

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

Answer 5

我假设你想要：

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

或ul不是变量：

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