jquery select all br with display:none;

Question

How do I select an element based on its css?

I need to select a br with inline style display:none. This is not the same thing as br:hidden, because that selects elements that are hidden in other ways, and I don't want that.

Thanks.

Answer 1

You could try:

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

Answer 2

Another way to do this would be to use jQuery's attribute selector:

$("br[style$='display: none;']")

Answer 3

Using filter.

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

Answer 4

How about something like this:

$(document).ready(function() {
  $("div:hidden").each(function() {
    if ($(this).css("display") == "none") {
        // do something
    }
  });
});