jQuery - Rimuovi elementi
Con jQuery, è facile rimuovere gli elementi HTML esistenti.
Rimuovi elementi/contenuto
Per rimuovere elementi e contenuti, ci sono principalmente due metodi jQuery:
remove()
- Rimuove l'elemento selezionato (e i suoi elementi figlio)empty()
- Rimuove gli elementi figlio dall'elemento selezionato
jQuery metodo remove()
Il metodo jQuery remove()
rimuove gli elementi selezionati e i relativi elementi figlio.
Esempio
$("#div1").remove();
jQuery empty() Metodo
Il metodo jQuery empty()
rimuove gli elementi figlio degli elementi selezionati.
Esempio
$("#div1").empty();
Filtra gli elementi da rimuovere
Il metodo jQuery remove()
accetta anche un parametro, che consente di filtrare gli elementi da rimuovere.
Il parametro può essere una qualsiasi delle sintassi del selettore jQuery.
L'esempio seguente rimuove tutti <p>
gli elementi con class="test"
:
Esempio
$("p").remove(".test");
Questo esempio rimuove tutti <p>
gli elementi con class="test"
e
class="demo"
:
Esempio
$("p").remove(".test, .demo");
Esercizi jQuery
Riferimento HTML jQuery
Per una panoramica completa di tutti i metodi HTML jQuery, vai al nostro Riferimento HTML/CSS jQuery .