jQuery Elemente löschen

Mit jQuery kann das Entfernen vorhandener HTML-Elemente leicht erfolgen.

Elemente/Inhalte löschen

Um Elemente und Inhalte zu löschen, können in der Regel die folgenden zwei jQuery Methoden verwendet werden:

  • remove() - Ausgewähltes Element (und seine Unterelemente) löschen
  • empty() - Unterelemente aus dem ausgewählten Element entfernen

Die jQuery remove() Methode

Die jQuery remove() Methode löscht das ausgewählte Element und seine Unterelemente.

Beispiel

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

Versuchen Sie es selbst

Die jQuery empty() Methode

Die jQuery empty() Methode löscht die Unterelemente des ausgewählten Elements.

Beispiel

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

Versuchen Sie es selbst

Filterung der gelöschten Elemente

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

Dieser Parameter kann jede jQuery-Selektorsyntax sein.

Der folgende Beispiel löscht alle <p>-Elemente mit der Klasse "italic":

Beispiel

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

Versuchen Sie es selbst

jQuery HTML Referenzanleitung

Für den vollständigen Inhalt der jQuery HTML Methoden bitte die folgende Referenzanleitung besuchen: