Retire divs interior de un div padre usando jQuery

Question

Considere mi padre es div parentDiv y contiene cinco niños divs

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

cómo vaciar los elementos secundarios parentDiv usando jQuery ....

EDITAR:

¿Cuál es la diferencia entre empty() y remove()? ¿Qué debería usar?

Answer 1

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

Answer 2

empty() elimina todos los nodos secundarios del selector emparejado, mientras que remove() elimina el selector emparejado.

Answer 3

¿Has probado $("#parentDiv div").remove() o $("#parentDiv").empty()?

Answer 4

remove elimina el elemento del DOM (en este caso, #parentDiv) mientras que empty es equivalente a llamar al $('#parentDiv').children().remove(); y elimina todos los elementos secundarios.

En este caso se debe utilizar empty:

$('#parentDiv').empty() 

Answer 5

.empty() elimina todos los hijos del elemento (s) seleccionado; .remove() elimina los elementos seleccionados, así como cualquier elemento secundario.

Por lo tanto, $("#parentdiv").empty(); tiene más sentido aquí, porque desea eliminar los elementos secundarios, pero no los elementos principales.