插入項目到無序列表使用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就是一個例子