如果另一个div包含任何文本或内容或html，则隐藏div

Question

我想display:block; 包装器div（如果其中的div包含任何内容，html，文本或其他任何内容）。

<div id="wrapper" style="display:none">

    <ul id="checkforcontent"></ul>
    <ul id="checkforcontent"></ul>
    <ul id="checkforcontent"></ul>
    <ul id="checkforcontent"></ul>

</div>

因此，对于上面的示例，如果<ul>任何一个包含任何内容，例如：

<ul id="checkforcontent"><li>Hello</li></ul>

然后，我希望div#wrapper成为display:block; 否则，如果ul没有任何内容，我仍然希望它保持隐藏状态。

这可能吗？

谢谢

Answer 1

您可以检查是否有任何文本内容，并根据该内容设置div的显示

var $wrapper = $('#wrapper');
$wrapper.toggle($wrapper.text().trim().length>0)

注意：元素的ID必须是唯一的

Answer 2

检查div中是否有任何锂元素，如果有，请显示div：

var $div = $("#wrapper");
if ($div.find("li").length > 0) {
  $div.show();
}

Answer 3

单行执行：

var $wrapper = $('#wrapper');
$wrapper.toggle(!!$wrapper.find("ul>li").length);

JSFiddle