jQuery/CSS - How do I select all the li display none in the document?

Question

jQuery/CSS - How do I select all the <li style="display: none;"> in the document?

Answer 1

While the chosen answer works in your case, it's still doesn't answer the question. Same for the answers posted by other people, so I decided to write this anyway.

$('li[style*="display: none"]')

This will return a jQuery object representing a list of all the <li> elements in your document with a style property containing "display: none".

This is a different thing that finding all the hidden elements in the document.

Answer 2

There is a selector to find hidden elements:

$('li:hidden')

Note that this finds all li elements that are not visible, not only because they have the style display:none applied to them. The element could be hidden for example by setting their height to zero, or hiding the parent element.

Answer 3

Try this

$("li").filter(function() { return $(this).css("display") == "none" })

Answer 4

$('li:hidden') - Try as per jquery document it will work

Fore more dtail - :hidden Selector