How can I count the number of elements in a div that are hidden?

Question

How to count the number of elements in a div that are hidden using jQuery?

Answer 1

I think that

$("#someElement > *").filter(":hidden").size(); 

will work.

Updated: Added '*'. Note that this will result in a selection of the immediate children of #someElement .

Answer 2

The direct children of some element that are hidden:

 $('#someElement > :hidden').length; 

Any descendants of some element that are hidden:

 $('#someElement :hidden').length; 

If you already have a jQuery object, you can use it as a context:

 var ele = $('#someElement'); $(':hidden', ele).length; 

Answer 3

 $("#someElement *:hidden").size()