entfernen inneren divs von einem übergeordneten div mit jquery

Question

meine Eltern div Betrachten ist parentDiv und es enthält fünf Kind divs

<div id="parentDiv"> 
     <div>1</div> 
     <div>2</div> 
     <div>3</div> 
     <div>4</div> 
     <div>5</div> 
</div> 

Wie die untergeordneten Elemente leeren parentDiv jquery mit ....

EDIT:

Was ist der Unterschied zwischen empty() und remove()? Was soll ich verwenden?

Answer 1

$("#parentDiv").empty(); von here

Answer 2

empty() entfernt die alle untergeordneten Knoten des angepassten Wähler, während remove() des angepassten Selektor entfernt.

Answer 3

Haben Sie versucht $("#parentDiv div").remove() oder $("#parentDiv").empty()?

Answer 4

remove entfernt das Element selbst aus dem DOM (in diesem Fall #parentDiv), während empty ist äquivalent zu Aufruf $('#parentDiv').children().remove(); und entfernt alle Elemente Kinder.

In diesem Fall sollten Sie empty verwenden:

$('#parentDiv').empty() 

Answer 5

.empty() alle Kinder des ausgewählten Elements entfernt (s); .remove() entfernt die ausgewählten Elemente selbst sowie alle untergeordneten Elemente.

Daher macht $("#parentdiv").empty(); hier am meisten Sinn, weil Sie die Kinder entfernen möchten, aber nicht das Elternteil div.