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

Posted 2023-03-11

【中文标题】如何在两个元素之间附加一个元素

【英文标题】：how to append an element between two elements

【发布时间】：2012-01-23 02:16:13

【问题描述】：

我有一个列表

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

使用insertAfter():

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

JS Fiddle demo.

参考资料：

insertAfter()。

【参考方案2】：

您可以使用after^doc 或insertAfter^doc：

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

【参考方案3】：

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

你可以试试这个。