为什么在附加此HTML时会出现“深层复制”？

Question

我有一个“画布”元素，其内容不断变化。

我要做的是在每次捕获内容的更改上运行一个函数，并将其附加到另一个元素中。就像每一次变化的历史一样。

window.updateHistory = function() {
    var snapShot = $('#canv').html();

    $('#history').append('<div>' + snapShot + '</div>');
}

每次调用函数时，#history中的每个元素都会使用最新的迭代进行更新。

我无法理解为什么，.append和.html似乎都会创建浅层副本。

Answer 1

您可以尝试克隆方法。它执行元素的深层复制。

window.updateHistory = function() { var snapShot = $('#canv').clone().html(); $('#history').append('<div>' + snapShot + '</div>'); }