Jquery 用另一个替换div时出错

我正在尝试实现一个取消功能，这样，如果用户进行编辑并单击“取消”按钮，页面将恢复为原始文本

现在，我有以下javascript：

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

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

---

但是，当我单击reorderCancel按钮时，它在控制台中得到“false”，并且我的“org”div没有被替换为其原始内容。我怎样才能解决这个问题

变量赋值只是将变量指向对象。当对象改变时，变量的值也随之改变。你需要做一份真实的拷贝。您可以使用以下方法完成此操作：

要对jQuery对象进行相等性测试，应使用：

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

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