Los últimos tutoriales de desarrollo web
 

jQuery - Retirar los elementos


Con jQuery, es fácil de quitar elementos HTML existentes.


Retirar los elementos / contenido

Para eliminar elementos y contenidos, existen principalmente dos métodos de jQuery:

  • remove() - Elimina el elemento seleccionado (y sus elementos secundarios)
  • empty() - Elimina los elementos secundarios del elemento seleccionado

jQuery remove() Método

El jQuery remove() método elimina el seleccionado element(s) y sus elementos secundarios.

Ejemplo

$("#div1").remove();
Inténtalo tú mismo "

jQuery empty() Método

El jQuery empty() método elimina los elementos secundarios del seleccionado element(s) .

Ejemplo

$("#div1").empty();
Inténtalo tú mismo "

Filtrar los elementos que ser eliminado

El jQuery remove() método también acepta un parámetro, que le permite filtrar los elementos que se deben eliminar.

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");
Inténtalo tú mismo "

En este ejemplo se elimina todos los <p> elementos con class="test" y class="demo" :

Ejemplo

$("p").remove(".test, .demo");
Inténtalo tú mismo "

Ponte a prueba con los ejercicios!

Ejercicio 1 » Ejercicio 2» Ejercicio 3 » Ejercicio 4»


jQuery Referencia HTML

Para una visión completa de todos los métodos de jQuery HTML, por favor vaya a nuestro / CSS de referencia jQuery HTML .