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

Using filter.

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

Answer 3

Use jQuery.map:

var brs = $('br');
jQuery.map(brs, function(elem, i){
    if(elem.css('display') == 'none')
        return elem;
    return null;
});

Answer 4

How about something like this:

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