Метод detach - удаление элементов

Метод detach удаляет выбранные элементы с возможностью их восстановления. Метод удобен тогда, когда мы хотим позже вставить удаленные элементы.

Синтаксис

Так мы удаляем элементы. Дополнительно мы можем отфильтровать выбранные элементы, передав методу необязательный параметр selector:

.detach([селектор]);

Пример

Удалим абзац с #test c помощью метода detach и восстановим его, используя для вставки элемента в div метод appendTo:

<p id="test">text</p> <div></div> let $elem = $('#test'); $elem.detach(); // удаляем элемент $elem.appendTo('div'); // вставляем элемент обратно на страницу

HTML код станет выглядеть так:

<div><p id="test">text</p></div>

Смотрите также

  • метод remove,
    который удаляет элементы без возможности их восстановления
  • метод empty,
    который удаляет содержимое из выбранных элементов
  • JavaScript метод remove,
    который позволяет удалить элемент



Чат с GPT Компилятор