jquery如何隐藏如果没有更多的 child

Question

最初我会有

<div id="a">
 <div id="a_1" class="toBeHide"> something </div>
 <div id="a_2" class="toBeHide"> something </div>
 <div id="a_3" class="toBeHide"> something </div>
<div>

<div id="b">
 <div id="b_1" class="toBeHide"> something </div>
<div>

然后我会$('#b_1').hide()，现在我会说#b没有更多的 child 了。

我的问题是如何检测是否没有更多 child 并隐藏 #b ？

Answer 1

由于您只是隐藏子项，因此您可以使用:visible进行检查:

if($('#b > div:visible').length === 0) {
    $('#b').hide();
}