jQuery - Elemente entfernen
Mit jQuery ist es einfach, vorhandene HTML-Elemente zu entfernen.
Elemente/Inhalte entfernen
Um Elemente und Inhalte zu entfernen, gibt es hauptsächlich zwei jQuery-Methoden:
remove()- Entfernt das ausgewählte Element (und seine untergeordneten Elemente)empty()- Entfernt die untergeordneten Elemente aus dem ausgewählten Element
jQuery remove() Methode
Die jQuery- remove()Methode entfernt die ausgewählten Elemente und ihre untergeordneten Elemente.
Beispiel
$("#div1").remove();
jQuery empty() Methode
Die jQuery- empty()Methode entfernt die untergeordneten Elemente der ausgewählten Elemente.
Beispiel
$("#div1").empty();
Filtern Sie die zu entfernenden Elemente
Die jQuery remove()-Methode akzeptiert auch einen Parameter, mit dem Sie die zu entfernenden Elemente filtern können.
Der Parameter kann eine beliebige jQuery-Auswahlsyntax sein.
Das folgende Beispiel entfernt alle <p>Elemente mit class="test":
Beispiel
$("p").remove(".test");
Dieses Beispiel entfernt alle <p>Elemente mit class="test"und
class="demo":
Beispiel
$("p").remove(".test, .demo");
jQuery-Übungen
jQuery-HTML-Referenz
Eine vollständige Übersicht aller jQuery-HTML-Methoden finden Sie in unserer jQuery-HTML/CSS-Referenz .