javascript - 如果另一个 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

在一行中完成:

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

JSFiddle