0 8376

Wie entfernt man ein Element aus dem DOM (von der Seite) per jQuery?

Um ein Element aus dem DOM zu löschen verwenden wir die jQuery Funktion remove. Zuerst selektieren wir ein beliebiges Element per jQuery. Dann entfernen wir es indem wir ein .remove() anhängen.

Wenn wir beispielsweise ein Element mit der ID „wegdamit“ entfernen möchten, machen wir das folgendermaßen:

Beispielcode jQuery:

$('#wegdamit').remove();

Wir können natürlich auch mehrere Elemente mit einem Aufruf entfernen. Ein Beispiel hierfür wäre es, alle Spans mit der Klasse error von der Seite zu löschen. Der Aufruf sähe dann folgendermaßen aus:

Beispielcode jQuery:

$('span.error').remove();

Wie Ihr mit jQuery Elemente selektieren könnt, lernt Ihr in diesem Tutorial: .

Hier dazu ein kleiner Codepen:

See the Pen PwEXMj by Andreas Lang (@sphinxflash) on CodePen.

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.