Método detach en jQuery
El método detach, a diferencia del método remove, elimina los elementos
seleccionados con la posibilidad de restaurarlos.
Supongamos que tenemos el siguiente código HTML:
<p id="test">text</p>
<div></div>
Primero eliminemos el elemento #test
usando detach, y luego restaurémoslo
en otro lugar usando el método
appendTo
(esto es posible porque en la variable $elem
después de la eliminación todavía queda una referencia a él):
let $elem = $('#test');
$elem.detach(); // eliminamos el elemento
/*
Insertamos el elemento de nuevo en la página
(no necesariamente en el mismo lugar donde estaba):
*/
$elem.appendTo('div');
Recuerdo que el dólar en la variable $elem
está escrito para indicar que almacena un conjunto
jQuery.
Elimina el p con id: #test
usando detach, y luego insértalo
antes de h3.