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

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

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

Для удаления элементов и содержимого, как правило, можно использовать следующие два метода jQuery:

  • remove() - удаление выбранного элемента (и всех его подэлементов)
  • empty() - удаление подэлементов из выбранного элемента

Метод jQuery remove()

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

Пример

$("#div1").remove();

Попробуйте сами

Метод jQuery empty()

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

Пример

$("#div1").empty();

Попробуйте сами

Фильтрация удаляемых элементов

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

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

В следующем примере удаляются все элементы <p> с классом "italic":

Пример

$("p").remove(".italic");

Попробуйте сами

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

Для получения полной информации о методах jQuery HTML, пожалуйста, обратитесь к следующей справочной книге: