JQuery copy/append 元素，删除了基础对象

Question

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

以下是执行 copying/appending 部分的相关代码：

    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();