jQuery метод .remove()

jQuery DOM методы

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

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


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


jQuery синтаксис:

$( selector ).remove()

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

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

1.0

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование jQuery метода .remove()</title>
		<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
		<script>
	$( document ).ready(function(){
	  $("button").click(function(){ // задаем функцию при нажатиии на элемент <button>
	    $("p").remove(); // удаляем все элементы <p> из DOM
	  });
	});
		</script>
	</head>
	<body>
		<button>Клик</button>
		<p>Раз</p>
		<p>Два</p>
		<p>Три</p>
	</body>
</html>

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

Результат нашего примера:

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