jQuery verwijderen elementen

Met jQuery kunt u eenvoudig bestaande HTML-elementen verwijderen.

Verwijder elementen/inhoud

Voor het verwijderen van elementen en inhoud, kunt u in de meeste gevallen de volgende twee jQuery methoden gebruiken:

  • remove() - Verwijder het geselecteerde element (en zijn onderliggende elementen)
  • empty() - Verwijder onderliggende elementen van het geselecteerde element

De jQuery remove() methode

De jQuery remove() methode verwijdert het geselecteerde element en zijn onderliggende elementen.

Voorbeeld

$("#div1").remove();

Probeer het zelf

De jQuery empty() methode

De jQuery empty() methode verwijdert de onderliggende elementen van het geselecteerde element.

Voorbeeld

$("#div1").empty();

Probeer het zelf

Filter verwijderde elementen

De jQuery remove() methode accepteert ook een parameter, die u toestaat om elementen te filteren die worden verwijderd.

Deze parameter kan elke jQuery selector syntax zijn.

De volgende voorbeeld verwijdert alle <p> elementen met class="italic":

Voorbeeld

$("p").remove(".italic");

Probeer het zelf

jQuery HTML referentiemanual

Voor het volledige overzicht van de jQuery HTML methoden, raadpleeg het volgende referentiemanual: