Удаление содержимого у выбранных объектов
.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="https://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~