.clone() 影响的是实际的 HTML 而不是副本[关闭]答案

【问题标题】：.clone() is affecting actual HTML not the copy [closed].clone() 影响的是实际的 HTML 而不是副本[关闭]
【发布时间】：2015-06-24 03:25:18
【问题描述】：

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

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

【问题讨论】：

您设置了$layoutcopy，但使用了layoutCopy - 请注意缺少的$ 前缀。
@RoryMcCrossan 哎呀！非常感谢！
@RoryMcCrossan 是对的.. 因为 layoutCopy 为 null.. 选择器从整个 document 开始搜索

标签： jquery html clone innerhtml

【解决方案1】：

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

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

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

【讨论】：