javascript - JQuery 复制/追加元素，已删除基础对象

Question

尝试将基本元素li.table-field-base克隆到变量clonedItem，更改新元素的一些属性和数据，然后将其 append 到可排序列表< em>ul#tablefield-order-sortable。结果是元素被 append ，但基本元素被删除，尽管我首先复制了它。我如何保留基本元素，以便稍后再次使用它？

以下是执行复制/append 部分的相关代码:

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