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

Mettiti alla prova con gli esercizi

Esercizio:

Usa un metodo jQuery per rimuovere un elemento <div>.

$("div").();


Riferimento HTML jQuery

Per una panoramica completa di tutti i metodi HTML jQuery, vai al nostro Riferimento HTML/CSS jQuery .