Методы очистки содержимого и удаления элемента

Для очистки содержимого и удаления элемента применяются следующие методы.

•    empty () — удаляет все подэлементы текущего элемента.



<div id="div1"><b>Этот  текст  будет удален</b></div>
<input   type="button"   value="Очистить"   onclick="$('#div1').empty();">
<input  type="button"   value="Вставить" onclick="$('#div1').html('<b>Новый текст</b>');">

Как видно из примера, после удаления содержимого элемента с идентификатором div1 сам элемент все еще остается доступным для манипуляций.

•    remove ( [<Селектор>] ) — полностью удаляет элементы из объектной модели
документа.
<div  id="div1"><b>Этот  элемент будет  полностью удален</b></div>
<input type="button" value="Удалить"     onclick="$('#div1').remove();">
<input type="button" value="Количество элементов" onclick="alert($('#div1').size());">

Данный пример демонстрирует отсутствие элемента после щелчка на кнопке Удалить. Щелкнув на кнопке Количество элементов в первый раз, мы получим число 1, а если щелкнуть на ней после удаления элемента, то получим число 0.
Если коллекция состоит более, чем из одного элемента, то будут удалены все элементы. Метод remove () позволяет задать дополнительное условие, которому должны соответствовать удаляемые элементы. В качестве примера удалим все ссылки с расширением .php.
$("а").remove ([href$='.php'] ") ;

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *