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

При помощи 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");