cómo anexar un elemento entre dos elementos

Question

Tengo una lista

 <ul> 
      <li id="lst1"> list item One</li> 
      <li id="lst2"> list item two</li> 
      <li id="lst3"> list item three</li> 
      <li id="lst4"> list item four</li> 
      <li id="lst5"> list item five</li> 
    </ul> 

y quiero añadir un elemento entre (no dentro) "LST2" y "lst3" no sé cómo usando jquery. Gracias.

Answer 1

$('#lst3').before('<li id="lst21"> list item three</li>'); 

Usted puede probar esto.

Answer 2

Uso insertAfter():

$('<li id="newListElement" />').text('new list item').insertAfter('#lst2'); 

JS Fiddle demo.

Referencias:

• insertAfter().

Answer 3

Puede utilizar after^doc o insertAfter^doc:

$('#lst2').after('a'); 
$('a').insertAfter('#lst2');