jQuery метод .remove()

Определение и применение

jQuery метод .remove() удаляет выбранные элементы из дерева DOM. Метод .remove() удаляет выбранные элементы, включая текстовые и дочерние узлы, и в отличии от метода .detach() не сохраняет данные и события.

Обращаю Ваше внимание, что если Вам необходимо удалить только содержимое элементов, то используйте метод .empty().

jQuery синтаксис:

$( selector ).remove()

С дополнительным фильтром:

$( "p" ).remove(":contains('Два')") // выбирает абзацы, которые содержат текст Два

Добавлен в версии jQuery

Пример использования

Пример использования jQuery метода .remove()

Нажмите ▶, затем выполните действие из пояснения. Измените JavaScript и запустите пример ещё раз. В редакторе используется jQuery 4.0.0.

index.html

HTML

<button>Клик</button>
<p>Раз</p>
<p>Два</p>
<p>Три</p>

main.js

JavaScript

$(document).ready(function () {
    $('button').click(function () {
        $('p').remove()
    })
})

В этом примере с использованием jQuery метода .remove() мы удаляем из дерева DOM все элементы <p> при нажатии на кнопку.