Método detach no jQuery
Já o método detach, diferentemente do método remove, remove os elementos
selecionados com a possibilidade de restaurá-los.
Suponha que temos o seguinte código HTML:
<p id="test">texto</p>
<div></div>
Vamos primeiro remover o elemento #test
usando detach e depois restaurá-lo
em outro lugar usando o método
appendTo
(isso é possível porque na variável $elem
ainda resta uma referência a ele após a remoção):
let $elem = $('#test');
$elem.detach(); // remove o elemento
/*
Inserimos o elemento de volta na página
(não necessariamente no mesmo local onde estava):
*/
$elem.appendTo('div');
Lembro que o cifrão na variável $elem
está escrito para indicar que ela armazena um conjunto
jQuery.
Remova o p com id: #test
usando detach e, em seguida, insira-o
antes do h3.