爲什麼在追加此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>'); }