Eliminación de elementos de jQuery

A través de jQuery, se puede eliminar fácilmente cualquier elemento HTML existente.

Eliminar elementos/contenido

Para eliminar elementos y contenido, generalmente se pueden usar los siguientes dos métodos de jQuery:

  • remove() - Eliminar el elemento seleccionado (y sus elementos hijos)
  • empty() - Eliminar elementos hijos del elemento seleccionado

Método remove() de jQuery

El método remove() de jQuery elimina el elemento seleccionado y sus elementos hijos.

Ejemplo

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

Prueba personal

Método empty() de jQuery

El método empty() de jQuery elimina los elementos hijos del elemento seleccionado.

Ejemplo

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

Prueba personal

Filtrar elementos eliminados

El método remove() de jQuery también puede aceptar un parámetro, permitiéndole filtrar los elementos eliminados.

Este parámetro puede ser cualquier sintaxis de selector de jQuery.

El siguiente ejemplo elimina todos los elementos <p> con class="italic":

Ejemplo

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

Prueba personal

Manual de referencia de jQuery HTML

Para obtener información completa sobre los métodos HTML de jQuery, visite el siguiente manual de referencia: