Ich habe eine Div, <div id="masterdiv">
die mehrere Kinder hat <div>
.
Beispiel:
<div id="masterdiv">
<div id="childdiv1" />
<div id="childdiv2" />
<div id="childdiv3" />
</div>
Wie lösche ich den Inhalt aller untergeordneten <div>
Elemente im Master <div>
mit jQuery?
javascript
jquery
html
dom-manipulation
Prasad
quelle
quelle
.empty()
. Es ist die performanteste Art, es zu tunAntworten:
quelle
.empty()
wäre eine bessere Option, da kein String-Parsing erforderlich ist. Es arbeitet direkt mit dem DOM-Objektmodell.empty()
löscht auch den gesamten Inhalt, der mit jQuery generiert wird.Die
empty()
Funktion von jQuery macht genau das:löscht den Master
div
.löscht alle Kinder
div
, lässt aber den Meister intakt.quelle
Verwenden Sie die CSS-Selektorsyntax von jQuery, um alle
div
Elemente innerhalb des Elements mit der ID auszuwählenmasterdiv
. Rufen Sie dannempty()
an, um den Inhalt zu löschen.Die Verwendung von
text('')
oderhtml('')
führt zu einer Analyse von Zeichenfolgen, was im Allgemeinen eine schlechte Idee ist, wenn Sie mit dem DOM arbeiten. Versuchen Sie, DOM-Manipulationsmethoden zu verwenden, bei denen nach Möglichkeit keine Zeichenfolgendarstellungen von DOM-Objekten verwendet werden.quelle
Wenn Sie alle Elemente im Element löschen müssen, verwenden Sie diesen Code:
Wenn Sie alle Elemente löschen müssen, verwenden Sie diesen Code:
ref: https://learn.jquery.com/using-jquery-core/manipulating-elements/
quelle
Wenn alle Divs in diesem Masterdiv gelöscht werden müssen, ist dies der Fall.
Andernfalls müssen Sie alle div-Kinder von #masterdiv durchlaufen und prüfen, ob die ID mit childdiv beginnt.
quelle
Der bessere Weg ist:
quelle
quelle
oder
quelle
oder
Funktioniert gut, um Inhalte innerhalb eines Div zu entfernen
quelle
Mit der Funktion .empty () können Sie alle untergeordneten Elemente löschen
Um den Vergleich zwischen jquery .empty (), .hide (), .remove () und .detach () zu sehen, folgen Sie hier http://www.voidtricks.com/jquery-empty-hide-remove-detach/
quelle
Wenn Sie Daten mithilfe eines Dienstes oder einer Datenbank an div by id anhängen, versuchen Sie es zunächst wie folgt leer:
quelle
oder
quelle
Ich weiß, dass dies eine
jQuery
verwandte Frage ist, aber ich glaube, dass jemand hierher kommt und eine reineJavascript
Lösung erwartet . Wenn Sie dies mit versuchenjs
, können Sie dieinnerHTML
Eigenschaft verwenden und auf eine leere Zeichenfolge setzen.quelle
Probieren Sie sie aus, wenn es hilft.
$('.div_parent .div_child').empty();
$('#div_parent #div_child').empty();
quelle