JQuery шаг DIV над другими

Question

Как я могу двигаться .2 между двумя .1 элементами div#one в моем HTML образце:

<div id="zero"> 
    <div class="1"></div> 
    <div class="1"></div> 
</div> 

<div id="one"> 
    <div class="1"></div> 
    <div class="1"></div> 
    <div class="2"></div> 
</div> 

Я попытался .prev(), но это не работает. Он помещает .2 в div#zero.

Answer 1

Вы можете использовать метод jQuery insertafter(), а также селектор :first, чтобы разместить контент в нужном месте. Попробуйте это:

$('#one .2').insertAfter('#one .1:first'); 

Example fiddle

Answer 2

$('#one .2').after($('#one .2').prev());