Dauerhaftes Entfernen eines Elements in jQuery

Question

Wenn ich ein Element anfüge und es anschließend wieder entferne, ist das Objekt noch vorhanden?

bg = $('<div class="dialog_bg"></div>');
$('#'+elm).append(bg);

bg.remove();

Wie ist das möglich? Ist es nicht möglich, das Element dauerhaft zu entfernen?

Answer 1

En remove Methode nimmt das Objekt einfach aus dem DOM heraus, mit anderen Worten, es wird von der Seite entfernt. Geht es um das Löschen des Objekts aus dem Speicher? In diesem Fall glaube ich nicht, dass Sie das explizit selbst tun können - warum sollten Sie das tun? Javascript ist ein Garbage-Collected-Sprache .

edit: siehe auch diese Frage für weitere Informationen.

Answer 2

Damit das Element vollständig aus dem DOM entfernt wird. Das ist in Ordnung. Ihre Frage ist, wie man sicherstellt, dass das Element wirklich entfernt wird.

Ich würde dafür die Methode .parent() verwenden. Denn wenn das Element aus dem DOM entfernt wird, hat es keinen Elternteil mehr. Dies kann schneller sein als $("html").has(bg) weil sie nicht den gesamten DOM-Baum durchqueren muss.

bg = $('<div class="dialog_bg"></div>');
$('#'+elm).append(bg);

bg.remove();

if(bg.parent().length == 0) {
   // removed succesfully
} else {
   // still somewhere in the dom
}

// tells the garbage collector to free the memory because there's no way to access the element anymore
bg = null;

Answer 3

Wie wäre es damit:

$('div.dialog_bg').remove();

Möglicherweise haben Sie etwas innerhalb des Divs hinzugefügt, so dass es nicht mehr erkannt wird.