Remover elementos jQuery

Através do jQuery, é fácil remover elementos HTML existentes.

Remover elementos/conteúdo

Para remover elementos e conteúdo, geralmente pode usar os seguintes dois métodos jQuery:

  • remove() - Remover o elemento selecionado (e seus elementos filhos)
  • empty() - Remover elementos filhos do elemento selecionado

Método jQuery remove()

O método jQuery remove() remove o elemento selecionado e seus elementos filhos.

Exemplo

$("#div1").remove();

Experimente você mesmo

Método jQuery empty()

O método jQuery empty() remove os elementos filhos do elemento selecionado.

Exemplo

$("#div1").empty();

Experimente você mesmo

Filtrar elementos a serem removidos

O método jQuery remove() também pode aceitar um parâmetro, permitindo que você filtre o elemento a ser removido.

Este parâmetro pode ser qualquer sintaxe de selector do jQuery.

O exemplo a seguir remove todos os elementos <p> com class="italic":

Exemplo

$("p").remove(".italic");

Experimente você mesmo

Manual de referência jQuery HTML

Para obter conteúdo completo dos métodos jQuery HTML, acesse o seguinte manual de referência: