appendTo ДИВ между 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 id="item1">Item 1 <div id="element1">...</div></li> 

любая помощь

Answer 1

Вы можете использовать .insertAfter() для этого:

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

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

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