appendTo div между li

Question

У меня есть следующий код

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

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

При нажатии я хочу переместить element1 после item1

<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'); 

Но a <div> в <ul> не является допустимым HTMLздесь нужно вставить только элемент <li>, поэтому я бы обернул его первым:

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