Клонирование и Удаление Элементов в jQuery
Методы, такие как .appendTo()
, перемещают элемент, но иногда вместо этого необходима копия элемента. В этом случае используйте сначала .clone()
:
Клонирование Элементов с jQuery
Пример
// Копирование первого элемента списка в конец списка:
$( "#myList li:first" ).clone().appendTo( "#myList" );
Попробуйте Сами »
Если Вы должны скопировать связанные данные и события, убедитесь, что передали true
в параметр .clone()
.
Удаление Элементов с jQuery
Есть два способа удалить элементы с jQuery со страницы: .remove()
и .detach()
. Используйте .remove()
, когда Вы хотите навсегда удалить выборку из страницы. Хотя .remove()
возвращает удаленный элемент(ы), у этих элементов не будет ассоциированных с ними данных и событий, присоединенными к ним, если Вы возвратите их на страницу.
Используйте .detach()
, если Вы хотите сохранить данные и события. Как и .remove()
, этот метод возвращает выборку, но он также сохраняет данные и события, связанные с выборкой, таким образом, можно восстановить выборку на странице в более позднее время.
Метод .detach()
чрезвычайно ценен, если Вы интенсивно манипулируете элементом. В этом случае выгодно сделать .detach()
для элемента страницы, обрадотать его в Вашем коде, затем восстановить его на страницу, когда Вы закончите. Это ограничивает дорогие "манипуляции DOM", в то же время сохраняя данные элемента и события.
Если Вы хотите оставить элемент на странице, но удалить его содержание, можно использовать .empty()
, чтобы избавляться от внутреннего HTML контента элемента.
Далее: Как я заменяю текст в 3-ем элементе списка из 10 элементов?