追加到李之间的div

Question

我有以下代码

<div id="element1" style="display:none"></div>

<ul>
    <li id="item1">Item 1</li>
    <li id="item2">Item 1</li>
</ul>

点击我想在item1之后移动element1

<ul>
    <li id="item1">Item 1</li>
    <div id="element1" style="display:none"></div>
    <li id="item2">Item 1</li>
</ul>

如果我使用

$('#element1').appendTo('#item1'); 

元素附加在li

中

<li id="item1">Item 1 <div id="element1">...</div></li>

感谢任何帮助

Answer 1

您可以使用.insertAfter()：

$('#element1').insertAfter('#item1'); 

但 <div>中的<ul>无效HTML，您只需在此处插入<li>元素，因此我将其换行第一：

$('#element1').wrap('<li />').parent().insertAfter('#item1');