將div替換爲另一個時出錯

Question

我在嘗試實現取消功能，以便如果用戶進行編輯並單擊「取消」按鈕，頁面將恢復爲原始文本。

現在，我有以下的javascript：

(function($) { 
    originalStepOrder = $('#org'); 
}); 

$(document).ready(function(){ 
$('.reorderCancel').click(function(){ 
    $('#org').replaceWith(originalStepOrder); 
    console.log($('#org')==originalStepOrder); 
}); 
} 

然而，當我點擊reorderCancel按鈕，它得到「假」在控制檯中，我的「組織」的div沒有與替換其原創內容。我怎樣才能解決這個問題？

Answer 1

變量賦值只是將變量指向對象。當對象改變時，變量的值隨着它而改變。你將需要做一個實際的副本。你可以做，使用.clone()：

originalStepOrder = $('#org').clone(); 

有關jQuery的對象平等的測試，你應該使用.is()：

$('#org').is(originalStepOrder);