Comment masquer/supprimer un DIV quand il est vide

Question

J'ai une sortie HTML côté serveur, je ne peux pas faire face à l'utilisation de CSS pur, essentiellement la DIV tient parfois:

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

ou

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

ou

<div>Content</div> 

ou

<div> </div> 

Lorsque la DIV == <div> </div> Je veux l'enlever.

Des idées?

Answer 1

Encore mieux (en supposant jQuery):

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

EDIT: Les autres réponses sont bonnes, mais l'OP voulait supprimer l'élément vide, pas le cacher.

Answer 2

Je pense que vous pouvez faire ce qui suit:

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

sélecteur de pseudo jQuery de empty est grande.

Answer 3

Vous pouvez également utiliser CSS seule pour résoudre ce problème, mettre une table avec style="empty-cells:hide" autour du contenu, et en changeant le div à un td, comme ceci:

Avant:

<div>Content</div>

après:

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

Answer 4

Vous peut le faire en utilisant uniquement CSS:

div:empty { display: none } 

Answer 5

Voici une autre façon facile ... en utilisant le filtre() ...

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

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

}).remove()