jquery - 追加后的jQuery插入？

Question

我有以下 HTML

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

基本上我习惯appendTo(ul)在上面附加一堆东西，但我希望它实际上是append在第一个孩子之后li？

我怎样才能做到这一点 ？

我试过了.appendTo(ul).insertAfter('li:first');

Answer 1

您不需要组合appendToand insertAfter，您可以使用insertAfter并使选择器更具体：

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

这是一个工作示例。

根据评论编辑

我认为您的意思是您已经拥有ulin 变量并希望使用它。如果是这种情况，你可以尝试这样的事情：

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

这是一个例子。

Answer 2

Try using this...................

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)');