jQuery — удалить элементы
С помощью jQuery можно легко удалить существующие элементы HTML.
Удалить элементы/контент
Для удаления элементов и контента в основном есть два метода jQuery:
remove()
- Удаляет выбранный элемент (и его дочерние элементы)empty()
- Удаляет дочерние элементы из выбранного элемента
jQuery метод удаления ()
Метод jQuery remove()
удаляет выбранные элементы и их дочерние элементы.
Пример
$("#div1").remove();
jQuery пустой () метод
Метод jQuery empty()
удаляет дочерние элементы выбранного элемента (элементов).
Пример
$("#div1").empty();
Отфильтровать элементы, которые нужно удалить
Метод jQuery remove()
также принимает один параметр, который позволяет фильтровать удаляемые элементы.
Параметр может быть любым синтаксисом селектора jQuery.
В следующем примере удаляются все <p>
элементы с помощью class="test"
:
Пример
$("p").remove(".test");
В этом примере удаляются все <p>
элементы с class="test"
и
class="demo"
:
Пример
$("p").remove(".test, .demo");
jQuery-упражнения
Справочник по jQuery HTML
Полный обзор всех HTML-методов jQuery см. в нашем справочнике по jQuery HTML/CSS .