使用Jquery将项插入到给定索引处的无序列表中

Question

我有：

<ul>

<li>Cthulhu</li>
<li>Godzilla</li>
<li>King Kong</li>

</ul>

我想在哥斯拉​​之后插入<li>Pink Panther</li>（索引2）。我怎么能这样做？

Answer 1

您可以将after()方法与:eq()选择器一起使用：

$("ul li:eq(1)").after($("<li>Pink Panther</li>"));

请注意，由于:eq()从零开始，因此哥斯拉有索引1而不是2。

Answer 2

您可以像这样使用eq和after：

$('#ul_id li:eq(1)').after('<li>Pink Panther</li>');

eq索引从0开始，因此1对应<li>Godzilla</li>。

Answer 3

$('ul').eq(1).after($('<li>Pink Panther</li'));哥斯拉的btw索引为1，因为索引从0开始：）

Answer 4

您可以通过jquery选择器访问LI数组，如下所示：

var secondElement = $("ul li")[1];
$(secondElement).after("<li>New element!</li>");

这将生成以下HTML：

<ul>

<li>Cthulhu</li>
<li>Godzilla</li>
<li>New element!</li>
<li>King Kong</li>

</ul>

Answer 5

您可以使用nth child selector

here就是一个例子