¿Cómo borrar todos los contenidos de <div> dentro de un <div> principal?
Tengo un div <div id="masterdiv">que tiene varios hijos <div>.
Ejemplo:
<div id="masterdiv">
<div id="childdiv1" />
<div id="childdiv2" />
<div id="childdiv3" />
</div>
¿Cómo borrar el contenido de todos los archivos secundarios <div>dentro del maestro <div>usando jQuery?
La función de jQuery empty()hace precisamente eso:
$('#masterdiv').empty();
borra el maestro div.
$('#masterdiv div').empty();
borra todos los child divs, pero deja el maestro intacto.
jQuery('#masterdiv div').html('');
Utilice la sintaxis del selector CSS de jQuery para seleccionar todos divlos elementos dentro del elemento con id masterdiv. Luego llame empty()para borrar el contenido.
$('#masterdiv div').empty();
El uso text('')de or html('')provocará que se realice algún análisis de cadenas, lo que generalmente es una mala idea cuando se trabaja con el DOM. Pruebe y utilice métodos de manipulación DOM que no impliquen representaciones de cadenas de objetos DOM siempre que sea posible.
Sé que esta es una jQuerypregunta relacionada, pero creo que alguien podría llegar aquí esperando una Javascriptsolución pura. Entonces, si estuviera intentando hacer esto usando js, podría usar la innerHTMLpropiedad y establecerla en una cadena vacía.
document.getElementById('masterdiv').innerHTML = '';
