jquery - 非表示のdivがあるかどうかを確認します

Question

#main内の他のdivの中に少なくとも1つのdivが隠されている場合、クリックを確認するにはどうすればよいですか？

$('#main div').click(function(){


});

<div id="main">
    <div style="display:block"></div>
    <div style="display:block"></div>
    <div style="display:none"></div>
</div>

Answer 1

if($("#main div:hidden").length > 0) {
  // atleast 1 div is hidden
}

#main > div:hidden直系の子孫のみをチェックしたい場合は、これを行うことができます。

Answer 2

var doesHiddenDivExist = $('#main div:hidden').length > 0;