Gli ultimi tutorial di sviluppo web
 

jQuery - Rimuovere gli elementi


Con jQuery, è facile da rimuovere elementi HTML esistenti.


Rimuovere Elements / Contenuti

Per rimuovere gli elementi e contenuti, ci sono principalmente due metodi jQuery:

  • remove() - Rimuove l'elemento selezionato (e dei suoi elementi figli)
  • empty() - Rimuove gli elementi figlio del elemento selezionato

jQuery remove() Metodo

Il jQuery remove() metodo rimuove il selezionato element(s) e dei suoi elementi figlio.

Esempio

$("#div1").remove();
Prova tu stesso "

jQuery empty() Metodo

Il jQuery empty() metodo rimuove gli elementi figlio del selezionati element(s) .

Esempio

$("#div1").empty();
Prova tu stesso "

Filtrare gli elementi da rimuovere

Il jQuery remove() metodo accetta anche un parametro, che consente di filtrare gli elementi da rimuovere.

Il parametro può essere uno qualsiasi dei sintassi selettore jQuery.

L'esempio seguente rimuove tutti <p> elementi con class="test" :

Esempio

$("p").remove(".test");
Prova tu stesso "

Questo esempio rimuove tutti <p> elementi con class="test" e class="demo" :

Esempio

$("p").remove(".test, .demo");
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»


jQuery HTML Reference

Per una panoramica completa di tutti i metodi di jQuery HTML, si prega di visitare il nostro / CSS di riferimento jQuery HTML .