Клонирование и Удаление Элементов в jQuery

Методы, такие как .appendTo(), перемещают элемент, но иногда вместо этого необходима копия элемента. В этом случае используйте сначала .clone():

Клонирование Элементов с jQuery

Если Вы должны скопировать связанные данные и события, убедитесь, что передали true в параметр .clone().

Удаление Элементов с jQuery

Есть два способа удалить элементы с jQuery со страницы: .remove() и .detach(). Используйте .remove(), когда Вы хотите навсегда удалить выборку из страницы. Хотя .remove() возвращает удаленный элемент(ы), у этих элементов не будет ассоциированных с ними данных и событий, присоединенными к ним, если Вы возвратите их на страницу.

Используйте .detach(), если Вы хотите сохранить данные и события. Как и .remove(), этот метод возвращает выборку, но он также сохраняет данные и события, связанные с выборкой, таким образом, можно восстановить выборку на странице в более позднее время.

Метод .detach() чрезвычайно ценен, если Вы интенсивно манипулируете элементом. В этом случае выгодно сделать .detach() для элемента страницы, обрадотать его в Вашем коде, затем восстановить его на страницу, когда Вы закончите. Это ограничивает дорогие "манипуляции DOM", в то же время сохраняя данные элемента и события.

Если Вы хотите оставить элемент на странице, но удалить его содержание, можно использовать .empty(), чтобы избавляться от внутреннего HTML контента элемента.

Далее: Как я заменяю текст в 3-ем элементе списка из 10 элементов?