.detach()
Remove the set of matched elements from the DOM.
.detach(selector)π‘’ jQuery
selector
Selector A selector expression that filters the set of matched elements to be removed.The .detach() method is the same as .remove() , except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.
Detach all paragraphs from the DOM
JS
<p>Hello</p>
how are
<p>you?</p>
<button>Attach/detach paragraphs</button>
CSS
p {
background: yellow;
margin: 6px 0;
}
p.off {
background: black;
}
HTML
$("p").click(function () {
$(this).toggleClass("off");
});
var p;
$("button").click(function () {
if (p) {
p.appendTo("body");
p = null;
} else {
p = $("p").detach();
}
});
DEMO