Wie verstecken/entfernen, um einen DIV, wenn sie leer

Question

ich einig Server-Seite HTML-Ausgabe haben kann ich nicht mit der Verwendung von reinen CSS umgehen, im Wesentlichen die DIV hält manchmal:

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

oder

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

oder

<div>Content</div> 

oder

<div> </div> 

Wenn das DIV == <div> </div> Ich möchte es entfernen.

Irgendwelche Ideen?

Answer 1

Noch besser ist (vorausgesetzt, jQuery):

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

EDIT: Die anderen Antworten sind gut, aber die OP wollte das leere Element entfernen, nicht verbergen.

Answer 2

ich glaube, Sie folgendes tun:

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

empty Pseudo-Selektor jQuery ist groß.

Answer 3

Sie können auch CSS-nur verwenden, um dies zu lösen, eine Tabelle mit style="empty-cells:hide" um den Inhalt setzen, und die Änderung der div zu einem td, wie folgt aus:

Vorher:

<div>Content</div>

Nachher: ​​

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

Answer 4

Sie dies mit nur CSS tun kann:

div:empty { display: none } 

Answer 5

Hier ist eine weitere einfache Möglichkeit, ... die Filter mit() ...

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

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

}).remove()