Переместить блок внутри родителя

Question

Нужно переместить блок "box1_1" перед блоком "box3_2". Все это должно происходить внутри родителя "content". На данный момент сделал перемещение в блок "box3", но как переместить перед "box3_2"? Интересует только jQuery. Заранее спасибо.

<div class="content">
    <div class="box1"><span class="box1_1"></span></div>
    <div class="box2"></div>
    <div class="box3"><span class="box3_1"></span><span class="box3_2"></span></div>
</div>

<div class="content">
    <div class="box1"><span class="box1_1"></span></div>
    <div class="box2"></div>
    <div class="box3"><span class="box3_1"></span><span class="box3_2"></span></div>
</div>

jQuery( ".content" ).each(function( index ) {
  jQuery(this).find(".box3").prepend(jQuery(this).find(".box1_1"))
});

Answer 1

Используйте метод .before(). Он как раз вставляет перед. Ищите нужный элемент и вставляете с помощью before.

jQuery( ".content" ).each(function( index ) {
  jQuery(this).find(".box3_2").before(jQuery(this).find(".box1_1"))
});

Если надо оставить 1_1 на месте, то используйте .clone():

jQuery( ".content" ).each(function( index ) {
  jQuery(this).find(".box3_2").before(jQuery(this).find(".box1_1").clone())
});

БЛОГ НА HUSL

Переместить блок внутри родителя

Ответы (1 шт):