jQuery Element Entfernen

Ein sehr wichtiger Teil von jQuery ist die Manipulation des DOM.

jQuery bietet viele Methoden, um vorhandene HTML-Elemente oder Inhalte aus dem Dokument zu löschen.

In diesem Kapitel erläutern wir, wie man HTML-Elemente aus dem DOM löscht/Inhalt.

jQuery Elemente löschen/Inhalt

Mit jQuery können wir HTML-Elemente leicht löschen.

Wir haben folgende jQuery-Methode, um Elemente und Inhalte zu löschen:

• remove()

• empty()

• unwrap()

Nachfolgend werde ich Ihnen zeigen, wie man jede Methode verwendet.

jQuery remove() Methode

jQuery remove()Die Methode entfernt das ausgewählte Element und seine Unterpunkte aus dem DOM.

Der folgende Beispiel zeigt, wie man alle Absätze aus dem DOM entfernt:

$("button").click(function(){
　　$("p").remove();
});

jQuery remove()Die Methode akzeptiert auch einen Parameter, der es Ihnen ermöglicht, die zu löschenden Elemente zu filtern.

Dieser Parameter kann jeder jQuery-Selektor sein.

Der folgende Beispiel zeigt, wie man alle Absätze aus dem DOM entfernt, die "Hello" enthalten:

$("button").click(function(){
　　$("p").remove(":contains('Hello')");
});

jQuery empty() Methode

jQuery empty()Die Methode entfernt alle Unterpunkte aus dem ausgewählten Element (einschließlich Textpunkten).

Der folgende Beispiel zeigt, wie man alle Unterpunkte (einschließlich Textpunkten) aus allen Absätzen entfernt:

$("button").click(function(){
　　$("p").empty();
});

Beachten Sie:Diese Methode löscht das Element selbst oder seine Attribute nicht.

jQuery unwrap() Methode

jQuery unwrap()Die Methode entfernt den übergeordneten Element des ausgewählten Elements.

Der folgende Beispiel entfernt den übergeordneten Element aller Absätze:

$("button").click(function(){
　　$("p").unwrap();
});

jQuery Attribut löschen-removeAttr()

jQuery removeAttr()Die Methode entfernt eine oder mehrere Attribute aus dem ausgewählten Element.

Der folgende Beispiel entfernt das href-Attribut aus allen Hyperlinks:

$("button").click(function(){
　　$("a").removeAttr("href");
});

Um mehrere Attribute zu entfernen, trennen Sie die Attributnamen durch Leerzeichen.

Der folgende Beispiel entfernt mehrere Attribute aus allen Absätzen:

$("button").click(function(){
　　$("p").removeAttr("id class title");
});

jQuery HTML Referenz

Für eine vollständige Referenz der HTML Methoden besuchen Sie bitte unserejQuery HTML / CSS Referenz.