2つの要素の間に要素を追加する方法

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

afterを使用できます^doc またはinsertAfter^doc ：

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

Answer 3

insertAfter()を使用します：

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

JS Fiddle demo 。

参照：

• insertAfter() 。