Entfernen Sie alle untergeordneten Knoten von einem übergeordneten Knoten?

Question

Ich habe eine Liste, ich möchte nur alle Kindknoten daraus entfernen. Was ist der effizienteste Weg mit jquery? Dies ist, was ich habe:

Gibt es eine Verknüpfung anstatt jedes Element einzeln zu entfernen?

----------- bearbeiten ----------------

Jedes Listenelement hat einige Daten darauf angebracht ist, und einen Click-Handler wie folgt aus:

$('#foo').delegate('li', 'click', function() { 
    alert('hi!'); 
}); 

// adds element to the list at runtime 
function addListElement() { 
    var element = $('<li>hi</hi>'); 
    element.data('grade', new Grade()); 
} 

schließlich möchte ich hinzufügen Tasten pro Listenelement zu - so sieht es aus wie leer() ist der Weg zu gehen, um sicherzustellen, dass keine Speicherlecks gibt es?

Answer 1

können Sie .empty() verwenden, wie this:

$("#foo").empty(); 

From the docs:

alle Kinder entfernen Knoten des Satzes von abgestimmten Elementen aus dem DOM.

Answer 2

Ein anderer Benutzer vorgeschlagen,

.empty() 

gut genug ist, weil es alle absteigenden Knoten innerhalb dieser Knoten gespeichert (beide tag-Knoten und Text-Knoten) und alle Arten von Daten entfernt. Siehe JQuery's API empty documentation.

Wenn Sie Daten zu halten, wie Event-Handler zum Beispiel, sollten Sie

.detach() 

verwenden wie auf dem JQuery's API detach documentation beschrieben.

Die Methode .remove() könnte für ähnliche Zwecke nützlich sein.