Insertar elemento en la lista desordenada en un índice dado con jQuery

Question

tengo:

<ul> 

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

</ul> 

quiero insertar <li>Pink Panther</li> después de Godzilla (índice 2). ¿Cómo puedo hacer esto?

Answer 1

Usted puede utilizar el método after() con el selector de :eq():

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

Tenga en cuenta que, dado que es :eq() base cero, Godzilla tiene índice 1 en lugar de 2.

Answer 2

Puede utilizar eq y after así:

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

Para eq índice comienza desde 0 por lo 1 corresponde a <li>Godzilla</li>.

Answer 3

$('ul').eq(1).after($('<li>Pink Panther</li')); por cierto índice de Godzilla es 1, ya que la indexación comienza con 0 :)

Answer 4

Puede acceder a la matriz de LI a través de selectores de jquery como este:

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

Esto producirá el siguiente código HTML:

<ul> 

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

</ul> 

Answer 5

que es posible utilizar nth child selector

here es un ejemplo