Не знаю как правильно (не откушивая много ресурсов браузера) делать перенос элементов.
Есть такое:
<div class="item">
<div class="top"></div>
<div class="bottom">element 1</div>
</div>
<div class="item">
<div class="top"></div>
<div class="bottom">element 2</div>
</div>
нужно в итоге получить такое (переместить div.bottom в div.top для каждого отдельного div.item):
<div class="item">
<div class="top"><div class="bottom">element 1</div></div>
</div>
<div class="item">
<div class="top"><div class="bottom">element 2</div></div>
</div>
Есть догадка, но как мне кажется, корявая:
$('.item .bottom').each(function() {
$(this).appendTo($(this).parent());
});