如何恢复使用jQuery删除的元素？

Question

如果使用

删除元素

$('.notification').remove();

我们如何创建它。

Answer 1

查看jQuery 1.4方法.detach()。它允许您从DOM中“删除”元素并保存它们，以便以后重新插入。

Answer 2

您无法返回该特定实例。使用$.remove()将其从DOM中删除。您可以创建它的克隆，在DOM中移动它，隐藏它等等。根据您的项目需求，您可能还有许多其他选择。

如果您对该特定实例不太感兴趣，可以创建一个新实例。假设这是一个带有声明的div：

$("<div />").addClass("notification").text("I exist!").appendTo("body");

如果您想保留该特定元素的副本，可以$.clone()并删除原始元素：

var clone = $(".notification").clone(); // making zeh' clones!
$(".notification").remove();            // original is gone
$("body").append(clone);                // appears to have returned

Answer 3

detach()执行remove()所做的工作，不同之处在于remove还会删除元素上的任何事件处理程序。只要在某个时刻进行引用，就可以平等地删除或分离元素，并将其返回给DOM

noti = $('.notification').remove();
$('body').append( noti ); // later

Answer 4

更容易使用.replaceWith（）来返回被替换的内容。 什么都没有，因为它正在取代它。

var backUpReplaced = $('.notification').replaceWith('');    

现在您的元素存储在var中，但它不在您的页面中