如何在空时隐藏/删除DIV

我有一些服务器端HTML输出我无法处理使用纯CSS，本质上DIV有时持有：

Content 

要么

 
Content 

要么

 
Content 

要么

当DIV ==

我想删除它。

有任何想法吗？

Answer 1

更好（假设jQuery）：

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

编辑：其他答案都很好，但OP想要删除空项目，而不是隐藏它。

Answer 2

您只能使用CSS执行此操作：

 div:empty { display: none } 

Answer 3

我想你可以做到以下几点：

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

jQuery的空伪选择器很棒。

Answer 4

这是另一个简单的方法……使用filter（）…

 $('div').filter(function() { return $.trim($(this).text()) === '' }).remove() 

Answer 5

您也可以使用CSS来解决这个问题，在内容周围放置一个style="empty-cells:hide"的表，并将div更改为td ，如下所示：

之前：

Content

后：

Content