.clone() 影响实际 HTML 而不是副本

Question

我正在尝试获取一个 div 的 clone(innerHtml) 并对其进行一些更改 copy 不在我的页面中，但是当我尝试以下操作时代码，更改发生在我的页面中，而不是克隆的变量字符串中。我错过了什么？

var layoutCopy;
$layoutCopy = $('.report').clone();
$(".holders",layoutCopy).each(function() 
{
    var placeHolder = $(this).attr('data-id');
    $(this).replaceWith(placeHolder);
});

Answer 1

var layoutCopy;
$layoutCopy = $('.report').clone();
$(".holders",layoutCopy).each(function() 
{
    var placeHolder = $(this).attr('data-id');
    $(this).replaceWith(placeHolder);
});

您忘记了 $(".holders",layoutCopy) 处的 $ 将其更改为： $(".holders",$layoutCopy) 让它按预期工作。

由于 layoutCopy 不是您的副本，因此它将修改您的主要布局

.clone() 影响实际 HTML 而不是副本

.clone() is affecting actual HTML not the copy

jquery

html

clone

innerhtml