jquery - jquery克隆问题，修改id也改变了原来的选择器

Question

在此代码示例中

var attachmentDeletePhotoModal = $('#attachment-deletion');
attachmentDeletePhotoModal.clone();
attachmentDeletePhotoModal.attr('id', 'attachment-deletion-'+file.unique_text);

我期待我的文档包含我的新克隆对象（带有 id attachment-deletion-unique_text）以及$('#attachment-deletion');

但这不是我所看到的。据我所知，我并没有调用remove();这些选择器，因此我相信修改clone()'d 对象的属性也会影响原始对象

但是由于我认为克隆会进行深层复制，因此应该会发生这种情况，因此还有其他问题。我正在修改 id，所以这可能会让人感到困惑，因为有一段时间 DOM 中有两个具有相同 id 的对象，也许吧？

任何见解表示赞赏

Answer 1

您需要将克隆的元素分配给这样的变量 -

var attachmentDeletePhotoModal = $('#attachment-deletion');
var cloned  = attachmentDeletePhotoModal.clone();
cloned.attr('id', 'attachment-deletion-'+file.unique_text);