jQuery 在附加后插入？

Question

我有以下 HTML

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

基本上我正在使用 appendTo(ul) 向其附加一堆内容，但我希望它实际上在第一个子 li 之后 append ？

我该怎么做？

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

Answer 1

您不需要组合 appendTo 和 insertAfter，只需使用 insertAfter 并使选择器更加具体：

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

这是一个 工作示例。

根据评论编辑

我认为您的意思是您已经在变量中拥有ul并且想要使用它。如果是这种情况，您可以尝试如下操作：

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

这是该示例的示例。

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