jQuery - Elementen verwijderen
Met jQuery is het eenvoudig om bestaande HTML-elementen te verwijderen.
Elementen/inhoud verwijderen
Om elementen en inhoud te verwijderen, zijn er hoofdzakelijk twee jQuery-methoden:
remove()- Verwijdert het geselecteerde element (en de onderliggende elementen)empty()- Verwijdert de onderliggende elementen van het geselecteerde element
jQuery remove() Methode
De jQuery- remove()methode verwijdert de geselecteerde element(en) en de onderliggende elementen.
Voorbeeld
$("#div1").remove();
jQuery lege() methode
De jQuery- empty()methode verwijdert de onderliggende elementen van de geselecteerde element(en).
Voorbeeld
$("#div1").empty();
Filter de elementen die moeten worden verwijderd
De jQuery- remove()methode accepteert ook één parameter, waarmee u de te verwijderen elementen kunt filteren.
De parameter kan elk van de jQuery-selectorsyntaxis zijn.
Het volgende voorbeeld verwijdert alle <p>elementen met class="test":
Voorbeeld
$("p").remove(".test");
Dit voorbeeld verwijdert alle <p>elementen met class="test"en
class="demo":
Voorbeeld
$("p").remove(".test, .demo");
jQuery-oefeningen
jQuery HTML-referentie
Ga voor een compleet overzicht van alle jQuery HTML-methoden naar onze jQuery HTML/CSS Reference .