training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как очистить удалить элементы jQuery

Создано: 26 декабря 2015Автор: Егор Астапов2101 просмотрСложность: легкий

Как очистить удалить элементы из блока элементы jQuery? Для удаления элементов можно использовать функцию remove(). Эта функция удаляет все совпавшие элементы из DOM. Читайте про обход DOM-дерева на странице обход DOM-дерева jquery. Функция remove() не удаляет элементы из объекта jQuery. Вы можете воспользоваться этими элементами позже. Представьте себе блок, состоящий из 3 элементов.


<div id="main">
   <div id="box1"></div>
   <div id="box2"></div>
   <div id="box3"></div>
</div>

Покажу вам несколько способов удаления лишних блоков внутри #main.


// удаление блока
$("#box1, #box2, #box3").remove();
// удаление при помощи выражения
$("div[id^='box']").remove();
// удаление дочерних элементов
$("#main").children().remove();

Вы можете удалить каждый элемент путём перечисления id через запятую. Вы можете удалить элементы через выражение.


// удаление блока #main
$("#main").empty();

Я люблю функцию empty() за то что она очищает блок от всех элементов.

Комментарии

реклама