Como remover o elemento HTML do DOM usando o jQuery
Nos desenvolvedores de programação da web, geralmente enfrentam situações em que é necessário remover todo o elemento HTML ou apenas os elementos aninhados dentro de um elemento especificado. Para realizar essas tarefas com grande facilidade, existem certos métodos de jQuery disponíveis, como remover () e vazio (). Este artigo o guiará sobre como usar esses métodos para remover um elemento HTML com a ajuda de exemplos relevantes.
Remova um elemento HTML usando jQuery
Aplique os métodos abaixo mencionados para remover elementos no jQuery.
- remover()
- vazio()
Aqui discutimos os métodos acima mencionados em profundidade.
Remover () Método
Este método remove um elemento HTML e tudo dentro dele, que inclui qualquer conteúdo ou elementos aninhados no elemento especificado.
Exemplo
Suponha que você queira remover um elemento, incluindo todos os elementos aninhados presentes dentro dele usando o método Remover (). Use o seguinte código.
Html
Algum parágrafo
No código HTML acima, criamos um e dentro de que aninhamos um
elemento. Além disso, também criamos um botão que removerá o elemento.
jQuery
$ (documento).pronto (function ()$ (".Button1 ").clique (function ()
$ (".div ").remover();
);
);
Agora, aplicamos o método Remone () que removerá o inteiro e todos os seus elementos filhos.
Saída
O método remover () removeu com sucesso toda a div.
Método vazio ()
O método vazio () também é usado para remover elementos, no entanto, esse método remove apenas o conteúdo ou os elementos aninhados dentro do elemento especificado.
Exemplo
Para demonstrar o funcionamento do método vazio (), estamos usando o exemplo acima, mas agora, em vez de aplicar o método remover (), aplicaremos o método vazio ().
jQuery
$ (documento).pronto (function ()$ (".Button1 ").clique (function ()
$ (".div ").vazio();
);
);
No código acima, o método vazio () é usado que removerá apenas o conteúdo ou elementos aninhados dentro da div.
Saída
Os elementos aninhados dentro da div foram removidos com sucesso.
Conclusão
Os elementos HTML podem ser removidos usando os dois métodos fornecidos pelo jQuery que são; remover () e vazio (). O método remove () remove um elemento HTML e tudo dentro dele, que inclui qualquer conteúdo ou elementos aninhados dentro do elemento especificado, enquanto isso, o método vazio () remove apenas o conteúdo ou os elementos aninhados dentro do elemento especificado. Esses métodos são destacados em detalhes neste guia, juntamente com exemplos relevantes.