Удаление содержимого у выбранных объектов

Материал из JQuery

Перейти к: навигация, поиск
.empty()

Удаляет все содержимое у выбранных элементов (без удаления самих элементов). Метод имеет один вариант использования:

.empty():jQuery1.0

Метод не имеет параметров.

Примеры использования:

$("div.content").empty() удалит содержимое всех div-элементов с классом content.
$("div.content:first").empty() удалит содержимое первого div-элемента с классом content.

Замечание: Если вы хотите удалить и элементы, и их содержимое, используйте remove().

В действии

Удалим содержимое одного из двух списков на странице, а затем поместим в него восклицательный знак:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="http://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
  ~lt~style~gt~
   ul{
      border:2px solid green;
   }
  ~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
 ~lt~ul class="list l1"~gt~
   ~lt~li class="item"~gt~ Высоко ~lt~/li~gt~	
   ~lt~li class="item"~gt~ Быстро ~lt~/li~gt~	
   ~lt~li class="item"~gt~ Сильно ~lt~/li~gt~	
 ~lt~/ul~gt~
 ~lt~ul class="list l2"~gt~
   ~lt~li class="item"~gt~ Выше ~lt~/li~gt~	
   ~lt~li class="item"~gt~ Быстрее ~lt~/li~gt~	
   ~lt~li class="item"~gt~ Сильнее ~lt~/li~gt~	
 ~lt~/ul~gt~
~lt~script~gt~
 $(".l1").empty();
 $("ul:empty").text("!");
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

Поисковые ключи:
  • удаление содержимого элементов
  • очистить элемент от содержимого
  • .empty()
  • empty()