Jak ukryć/usunąć DIV, gdy pusty

Question

Mam serwera wyjście strona HTML nie mogę poradzić sobie z użyciem czystego CSS, zasadniczo DIV czasami posiada:

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

lub

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

lub

<div>Content</div> 

lub

<div> </div> 

Kiedy DIV == <div> </div> chcę go usunąć.

Wszelkie pomysły?

Answer 1

Nawet lepiej (zakładając, jQuery):

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

EDIT: Inne odpowiedzi są dobre, ale PO chciała usunąć pusty element, a nie ukrywać.

Answer 2

myślę, że można wykonać następujące czynności: empty selektor pseudo

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

jQuery jest wielki.

Answer 3

Można również użyć CSS-tylko rozwiązać ten problem, umieszczając tablicę z style="empty-cells:hide" wokół treści, i zmieniając div do td, tak:

Przed:

<div>Content</div>

po:

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

Answer 4

Ty Można to zrobić używając tylko CSS:

div:empty { display: none } 

Answer 5

Oto kolejny prosty sposób ... użyciu filtra() ...

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

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

}).remove()