如何恢复使用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