So entfernen Sie das HTML -Element von DOM mit JQuery
In Web -Programmierentwicklern stehen häufig Situationen, in denen es erforderlich ist, entweder das gesamte HTML -Element oder nur die in einem bestimmten Element verschachtelten Elemente zu entfernen. Um diese Aufgaben mit großer Leichtigkeit zu erledigen, sind bestimmte jQuery -Methoden verfügbar, z. B entfernen () und leer (). In diesem Bericht werden Sie mithilfe relevanter Beispiele mithilfe dieser Methoden ein HTML-Element entfernen, um ein HTML-Element zu entfernen.
Entfernen Sie ein HTML -Element mit JQuery
Wenden Sie die folgenden Methoden an, um Elemente in JQuery zu entfernen.
- entfernen()
- leer()
Hier haben wir die oben genannten Methoden detailliert erörtert.
REME () Methode
Diese Methode entfernt ein HTML -Element und alles darin, das Inhalt oder Elemente enthält, die innerhalb des angegebenen Elements verschachtelt sind.
Beispiel
Angenommen, Sie möchten ein Element entfernen, das alle darin enthaltenen verschachtelten Elemente mit der Methode von REME (). Verwenden Sie den folgenden Code.
Html
Ein Absatz
Im obigen HTML -Code haben wir a erstellt, und im Inneren haben wir a verschachtelt
Element. Darüber hinaus haben wir auch eine Schaltfläche erstellt, die das Element entfernen wird.
JQuery
$ (Dokument).Ready (function ()$ (".Knopf 1").klicken (function ()
$ (".div ").entfernen();
);
);
Jetzt haben wir die Methode REMET () angewendet, mit der die gesamte und alle Kinderelemente entfernen werden.
Ausgang
Die Methode von REME () hat das gesamte Div erfolgreich entfernt.
leere () Methode
Die leere () -Methode wird auch zum Entfernen von Elementen verwendet. Diese Methode entfernt jedoch nur den Inhalt oder die Elemente, die innerhalb des angegebenen Elements verschachtelt sind.
Beispiel
Um die Arbeit der leeren () -Methode zu demonstrieren, verwenden wir das obige Beispiel, aber jetzt werden wir die Methode von REME () anwenden.
JQuery
$ (Dokument).Ready (function ()$ (".Knopf 1").klicken (function ()
$ (".div ").leer();
);
);
Im obigen Code wird die leere () -Methode verwendet, die nur den Inhalt oder Elemente entfernen, die in der DIV verschachtelt sind.
Ausgang
Die verschachtelten Elemente im Div wurden erfolgreich entfernt.
Abschluss
HTML -Elemente können mit den beiden von JQuery bereitgestellten Methoden entfernt werden. entfernen () und leer (). Die Methode remove () entfernt ein HTML -Element und alles darin, das Inhalte oder Elemente enthält, die innerhalb des angegebenen Elements verschachtelt sind. Diese Methoden werden in diesem Leitfaden ausführlich hervorgehoben, zusammen mit relevanten Beispielen.