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

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

     <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. Спасибо.

Ответ 1

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

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

Ответ 2

Вы можете использовать after ^doc или insertAfter ^{документ}:

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

Ответ 3

Используйте insertAfter():

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

JS Fiddle demo.

Литература:

insertAfter().