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

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

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

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

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

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

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

• remove()

• empty()

• unwrap()

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

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 справочник.