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 для удаления элемента <div>.

$("div").();


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

Полный обзор всех HTML-методов jQuery см. в нашем справочнике по jQuery HTML/CSS .