JQuery копировать/добавить элемент, базовый объект удален

Question

Попытки клонировать базовый элемент li.table поле базы переменной clonedItem, изменить некоторые атрибуты и данные о новом элементе, а затем добавить его к списку Сортируемой ул # tablefield-order-sortable. В результате элемент добавляется, но базовый элемент удаляется, хотя сначала я его скопировал. Как я могу сохранить базовый элемент, поэтому я могу использовать его позже?

Ниже приводится часть соответствующего кода, который делает копирование/добавление часть:

var clonedItem = $.extend({}, $('li.table-field-base')); 
    $('#tablefield-order-sortable').append(clonedItem); 
    $('#tablefield-order-sortable').sortable(); 

Спасибо заранее ребята!

Answer 1

Вы действительно не клонировали элемент, вы клонировали объект, содержащий элемент.
Для клонирования DOM узлов в JQuery, вы используете clone()

var clonedItem = $('li.table-field-base').clone(); 
$('#tablefield-order-sortable').append(clonedItem); 
$('#tablefield-order-sortable').sortable();