Rimuovere div interni da un div genitore utilizzando jQuery

Question

considerare la mia div genitore è parentDiv e contiene cinque bambino div

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

come svuotare gli elementi figlio parentDiv utilizzando jQuery ....

EDIT:

Qual è il diff tra empty() e remove()? cosa dovrei usare?

Answer 1

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

Answer 2

empty() rimuove tutti i nodi figlio del selettore abbinato, mentre remove() rimuove il selettore abbinato.

Answer 3

Hai provato $("#parentDiv div").remove() o $("#parentDiv").empty()?

Answer 4

remove rimuove l'elemento stesso dal DOM (in questo caso #parentDiv) mentre empty equivale a chiamare $('#parentDiv').children().remove(); e rimuove tutti gli elementi figli.

In questo caso si dovrebbe usare empty:

$('#parentDiv').empty() 

Answer 5

.empty() rimuove tutti i figli dell'elemento selezionato (s); .remove() rimuove gli elementi selezionati stessi e tutti i bambini.

Quindi, $("#parentdiv").empty(); ha più senso qui, perché si desidera rimuovere i figli ma non il div padre.