jQuery - Eliminar elementos
Con jQuery, es fácil eliminar elementos HTML existentes.
Eliminar elementos/contenido
Para eliminar elementos y contenido, existen principalmente dos métodos jQuery:
remove()
- Elimina el elemento seleccionado (y sus elementos secundarios)empty()
- Elimina los elementos secundarios del elemento seleccionado
Método jQuery remove()
El método jQuery remove()
elimina los elementos seleccionados y sus elementos secundarios.
Ejemplo
$("#div1").remove();
Método jQuery vacío ()
El método jQuery empty()
elimina los elementos secundarios de los elementos seleccionados.
Ejemplo
$("#div1").empty();
Filtrar los Elementos a Eliminar
El método jQuery remove()
también acepta un parámetro, que le permite filtrar los elementos que se eliminarán.
El parámetro puede ser cualquiera de las sintaxis del selector de jQuery.
El siguiente ejemplo elimina todos los <p>
elementos con class="test"
:
Ejemplo
$("p").remove(".test");
Este ejemplo elimina todos los <p>
elementos con class="test"
y
class="demo"
:
Ejemplo
$("p").remove(".test, .demo");
Ejercicios de jQuery
Referencia HTML de jQuery
Para obtener una descripción general completa de todos los métodos HTML de jQuery, vaya a nuestra Referencia de HTML/CSS de jQuery .