jquery - 将 div 替换为另一个时出错

Question

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

现在，我有以下 javascript：

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

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

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

Answer 1

该变量赋值只是将变量指向对象。当对象发生变化时，变量的值也随之变化。您将需要制作一个实际的副本。您可以使用.clone()：

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

对于 jQuery 对象的相等性测试，您应该使用.is()：

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