使用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.