使用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()是从零开始的，所以Godzilla的索引是1而不是2。

Answer 2

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

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

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

Answer 3

Godzilla的$('ul').eq(1).after($('<li>Pink Panther</li')); btw索引是1，因为索引从0开始:)