Cómo ocultar/eliminar un DIV cuando están vacíos

Question

que tienen algún servidor de salida HTML lado no puedo lidiar con el uso de CSS puro, esencialmente el DIV veces se tiene:

<div><span>Content</span></div> 

o

<div><p>Content</p></div> 

o

<div>Content</div> 

o

<div> </div> 

Cuando el DIV == <div> </div> quiero eliminarlo.

¿Alguna idea?

Answer 1

Incluso mejor (suponiendo jQuery):

$(document).ready(function() { $('div:empty').remove(); }); 

EDIT: Las otras respuestas son buenas, pero la OP querían quitar el elemento vacío, no ocultarlo.

Answer 2

Creo que se puede hacer lo siguiente: Selector de seudo

$(function() { 
    $("div:empty").hide(); 
}); 

de jQuery empty es grande.

Answer 3

También puede utilizar sólo CSS para solucionar esto, poner una mesa con style="empty-cells:hide" todo el contenido y el cambio de la div a un td, así:

Antes:

<div>Content</div>

después:

<table style="empty-cells:hide"><tr><td>Content</td></tr></table>

Answer 4

Usted puede hacer esto utilizando sólo CSS:

div:empty { display: none } 

Answer 5

Ésta es otra manera fácil ... utilizando el filtro() ...

$('div').filter(function() { 

    return $.trim($(this).text()) === '' 

}).remove()