jquery - 如果 div 为空，如何隐藏它们？

Question

我有一些可能是空的 div(取决于服务器端逻辑)。

<div id="bar">

<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>
<div class="section" style="display:block;"></div>

</div>

如果它们的 div 内没有任何 html(带有类部分)，我只想隐藏它们。

我该怎么做？

Answer 1

jQuery 有一个 :empty选择器。因此，您可以简单地执行以下操作:

$('div.section:empty').hide();