как добавить элемент между двумя элементами

Question

У меня есть список

 <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> 

и я хочу, чтобы добавить элемент между (не внутри) «lst2» и «lst3» я не знаю, как используя jquery. Спасибо.

Answer 1

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

Вы можете попробовать это.

Answer 2

Использование insertAfter():

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

JS Fiddle demo.

Ссылки:

• insertAfter().

Answer 3

Вы можете использовать after^doc или insertAfter^doc:

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