Последние учебники веб-разработки
 

jQuery - Удалить элементы


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


Удалить Elements / Содержимое

Чтобы удалить элементы и содержание, Есть в основном два метода JQuery:

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

JQuery remove() Метод

JQuery remove() метод удаляет выбранный element(s) и его дочерних элементов.

пример

$("#div1").remove();
Попробуй сам "

Jquery empty() Метод

Jquery empty() метод удаляет дочерние элементы выбранного element(s) .

пример

$("#div1").empty();
Попробуй сам "

Фильтр элементы, которые должны быть удалены

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

Параметр может представлять собой любой из синтаксических селекторных Jquery.

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

пример

$("p").remove(".test");
Попробуй сам "

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

пример

$("p").remove(".test, .demo");
Попробуй сам "

Проверьте себя с упражнениями!

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4»


JQuery HTML Ссылка

Полный обзор всех методов JQuery HTML, пожалуйста , перейдите на наш / CSS Reference JQuery HTML .