Método detach

O método detach remove os elementos selecionados com a possibilidade de restaurá-los. O método é útil quando queremos inserir os elementos removidos posteriormente.

Sintaxe

É assim que removemos elementos. Adicionalmente, podemos filtrar os elementos selecionados passando para o método o parâmetro opcional selector:

javascript.detach([seletor]);

Exemplo

Vamos remover o parágrafo com #test usando o método detach e restaurá-lo, usando o método appendTo para inserir o elemento no div:

html<p id="test">texto</p>
<div></div>
javascriptlet $elem = $('#test');

$elem.detach(); // removemos o elemento
$elem.appendTo('div'); // inserimos o elemento de volta na página

O código HTML ficará assim:

html<div><p id="test">texto</p></div>

Veja também

  • método remove,
    que remove elementos sem a possibilidade de restaurá-los
  • método empty,
    que remove o conteúdo dos elementos selecionados
  • método JavaScript remove,
    que permite remover um elemento