插入项目到无序列表使用jQuery

Question

定索引处我：

<ul> 

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

</ul> 

我想哥斯拉（索引2）后插入<li>Pink Panther</li>。我怎样才能做到这一点？

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'));顺便说一句哥斯拉的指数为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就是一个例子