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

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

Для удаления элементов и контента существует два основных метода jQuery:

  • remove() - удаляет отобранный элемент (и его дочерние элементы)
  • empty() - удаляет дочерние элементы отобранного элемента

jQuery метод remove()

jQuery метод remove() удаляет отобранные элементы (и его дочерние элементы).


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

jQuery метод empty()

jQuery метод empty() удаляет дочерние элементы отобранных элементов.


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

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

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

В этом параметре передается строка селектора jQuery.

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


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

В следующем примере удаляются все элементы <p> с атрибутом class="test" или class="demo":


$("p").remove(".test, .demo");