Почему не работает код для перестановки блоков?

Question

[dualdeazz]

Есть код и 2 элемента, нужно поставить один перед другим, насколько я знаю в JS есть свойство insertBefore, но оно работает только для parent и child, в JQuery я не особо понял действует ли свойство .before таким же образом.

$(document).ready(function(){
          function blockRelocate() {
              if($('.description-wrapper')) {
        clearInterval(TimerBlockRelocate);
        $('.item-calculator_container').before($('.description-wrapper'));
};
    };
    
   let TimerBlockRelocate = setInterval(blockRelocate, 100);

    });

написал вот такой код для страницы, элементы не являются parent и child, подскажите, почему не работает?

Answer 1

[Сергей Соколов]

Попробуйте как-то так:

const blockRelocate = () => {
  const elSource = document.querySelector('.description-wrapper');
  if (!elSource) {
    return setTimeout(blockRelocate, 150);
  }
  const elTarget = document.querySelector('.item-calculator_container');
  elTarget.insertAdjacentElement('beforebegin', elSource);
}

blockRelocate();

Comments

[dualdeazz]

Выдает ошибку DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

[Сергей Соколов]

dualdeazz, попробуйте создать песочницу, демонстирующую этот эффект.

Answer 2

[Elvis]

Попробуйте insertAdjacentElement

Comments

[dualdeazz]

Не сработало, консоль выдает ошибку:
DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

[Elvis]

dualdeazz, так эта ошибка про insertBefore. Пишут что нода, перед которой пытаетесь вставить новую, не является потомком ноды к которой вызываете метод.
Грубо должно быть так
родитель.insertBefore(новая_нода, дочерняя_нода_родителя_перед_которой_вставить_новую)
Нагляднее некуда прям в первом примере insertBefore
Но опять же, используйте insertAdjacentElement. Там не нужно заботиться о родителях и потомках. Просто указывается нода перед/в/после которой нужно вставить новую и всё.

[dualdeazz]

Я его и использовал, однако консоль все равно ругается.