如何在两个元素之间添加一个元素

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

- A. Rehman Javed

Answer 1

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

你可以尝试这个。

- Sameera Thilakasiri

Answer 2

你可以使用after^文档或者insertAfter^文档：

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

- JMax

Answer 3

使用insertAfter()函数：

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

JS Fiddle演示。

参考文献：

• insertAfter()。

- David Thomas