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

Question

尝试将基本元素 li.table-field-base 克隆到变量 clonedItem ，更改新元素的某些属性和数据，然后将其附加到可排序列表< EM> UL＃tablefield阶排序。结果是附加了元素，但删除了基本元素，尽管我先复制它。我怎么能保留基本元素，所以我可以在以后再使用它？

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

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