JQuery 复制/追加元素，移除基础对象

Question

尝试将基本元素li.table-field-base 克隆到变量clonedItem，更改新元素上的一些属性和数据，然后将其附加到可排序列表中ul#tablefield-order-sortable。结果是添加了元素，但删除了基本元素，尽管我确实先复制了它。我怎样才能保留基本元素，以便我以后可以再次使用它？

以下是执行复制/附加部分的相关代码：

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

提前谢谢大家！

Answer 1

您并没有真正克隆元素，而是克隆了包含该元素的对象。
要在 jQuery 中克隆 DOM 节点，请使用 clone()

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