English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Удаление элементов jQuery

Одна из非常重要的 частей jQuery - это манипуляция DOM.

jQuery предоставляет множество методов для удаления существующих HTML элементов или содержимого из документа.

В этой главе мы объясним, как удалять HTML элементы/содержимое из DOM.

jQuery удаление элементов/содержимого

С помощью jQuery мы можем легко удалять HTML элементы.

У нас есть следующие jQuery методы для удаления элементов и содержимого:

Ниже мы покажем, как использовать каждый из этих методов.

jQuery метод remove()

jQuery remove()Метод удаляет выбранный элемент и все его подэлементы из DOM.

Пример удаления всех абзацев из DOM:

$("button").click(function(){
  $("p").remove();
});
Проверьте это‹/›

jQuery remove()Метод также принимает параметр, который позволяет вам фильтровать элементы для удаления.

Этот параметр может быть любым jQuery селектором.

Пример удаления всех абзацев, содержащих 'Hello', из DOM:

$("button").click(function(){
  $("p").remove(":contains('Hello')");
});
Проверьте это‹/›

jQuery метод empty()

jQuery empty()Метод удаляет все подузлы из выбранного элемента (включая текстовые узлы).

Пример удаления всех подузлов (включая текстовые узлы) из всех абзацев:

$("button").click(function(){
  $("p").empty();
});
Проверьте это‹/›

Внимание:Этот метод не удаляет элемент сам или его атрибуты.

jQuery unwrap() метод

jQuery unwrap()Метод удаляет родительский элемент выбранного элемента.

Ниже приведен пример удаления родительского элемента всех абзацев:

$("button").click(function(){
  $("p").unwrap();
});
Проверьте это‹/›

jQuery удалить атрибут - removeAttr()

jQuery removeAttr()Метод удаляет один или несколько атрибутов из выбранного элемента.

Ниже приведен пример удаления атрибута href из всех ссылок:

$("button").click(function(){
  $("a").removeAttr("href");
});
Проверьте это‹/›

Для удаления нескольких атрибутов разделите имена атрибутов пробелом.

Ниже приведен пример удаления нескольких атрибутов из всех абзацев:

$("button").click(function(){
  $("p").removeAttr("id class title");
});
Проверьте это‹/›

jQuery HTML справочник

Для получения полной информации о методах HTML, пожалуйста, посетите нашHTML / CSS jQuery справочник.