[SOLUCIONADO] Eliminar div si vacíos

[JUMASOL]

Hola a todos.

Buscando la forma de ocultar divs vacíos, tengo esto que me funciona:

Código:

<script>
var mydiv=document.getElementById('eldivencuestion');
if(!mydiv.hasChildNodes()){mydiv.style.display='none'}
</script>

También tengo otra variante donde lo que hace es eliminar completamente el div vacío.

Pero se trata de divs así:

Código:

<div id="eldivquesea"></div>

Que no me han planteado problema hasta ahora.

El problema viene con este otro, producto de dejar en blanco un campo de texto en un formulario.

Código:

<div id="eldivquesea">
-
</div>

Ya sabemos que no es lo mismo espacios que vacío total. Así, con este otro div no me funciona el código de arriba, como es lógico.

Código:

<div id="eldivquesea">    </div>

Y además, el div en cuestión tiene un guión.

¿Se puede hacer con javascript puro? Sin jQuery quiero decir.

Gracias.

[Alexis88]

Claro. Podrías utilizar un patrón de búsqueda y, de no coincidir el contenido con lo que definiste que debe tener un <div> para que no se le considere vacío, lo ocultas o eliminas. Básicamente tendrás que utilizar expresiones regulares y los métodos que JavaScript ofrece para trabajar con ellas.

[ArturoGallegos]

Con jQuery ocultas los elementos que contengan unicamente espacios en blanco

Código Javascript:

$('div').each(function(){
    var str = $(this).text();
    var re = new RegExp("^ +?$");
  if(re.test(str)){
    $(this).css('display', 'none');
  }
});
 

y con CSS ocultas los elementos que estén completamente vacíos

Código CSS:

div:empty{display:none;}
 

[JUMASOL]

Hola.

En principio no quiero utilizar jQuery.

Primero quito los espacios en blanco con css y luego elimino todo el div si contiene el guión.

Me funciona, pero quiero saber qué os parece porque yo soy un novato y no estoy seguro.

Código:

    
document.getElementById("eldivencuestion").style.whiteSpace = "nowrap";
if (document.getElementById('eldivencuestion').innerHTML.indexOf("-") != -1) { 
document.getElementById("eldivencuestion").remove();
}

Gracias.

[alvaro_trewhela]

No se si es correcto:

Código Javascript:

function hide(){
var ds = document.getElementsByTagName("div");
    for(var k=0;k<ds.length;k++){
        if(ds[k].innerHTML == ""){
        ds[k].style.display="none";
        }
    }
}
 

[JUMASOL]

Sí, funciona.

Gracias.