Neueste Web-Entwicklung Tutorials
 

jQuery - Entfernen Sie Elemente


Mit jQuery, ist es einfach, bestehende HTML-Elemente zu entfernen.


Entfernen Elements / Inhalt

So entfernen Sie Elemente und Inhalt 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 das ausgewählte element(s) und seine untergeordneten Elemente.

Beispiel

$("#div1").remove();
Versuch es selber "

jQuery empty() Methode

Das jQuery empty() Methode entfernt die untergeordneten Elemente des ausgewählten element(s) .

Beispiel

$("#div1").empty();
Versuch es selber "

Filtern Sie die Elemente entfernt werden

Die jQuery remove() Methode akzeptiert auch einen Parameter, mit dem Sie die Elemente filtern können entfernt werden.

Der Parameter kann eine der jQuery-Selektor Syntaxen sein.

Im folgenden Beispiel werden alle <p> Elemente mit class="test" :

Beispiel

$("p").remove(".test");
Versuch es selber "

In diesem Beispiel werden alle <p> Elemente mit class="test" und class="demo" :

Beispiel

$("p").remove(".test, .demo");
Versuch es selber "

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4»


jQuery HTML Referenz

Eine vollständige Übersicht über alle Methoden jQuery HTML, gehen Sie bitte auf unsere jQuery HTML / CSS Referenz .