Get Elements with CSS filter

Question

I'm trying to find all elements that have a filter style applied to them from a CSS file.

For instance

.fourty {

    filter:alpha(opacity=40);
}
.fifty {

    filter:alpha(opacity=50);
}
.sixty {

    filter:alpha(opacity=60);
}

How would I capture those elements?

Ricardo Lohmann · Accepted Answer · 2012-09-13 23:57:00Z

1

How about add class to the elements which has filter ?
Then you can do the following:

var $elements = $('.yourClass');

Or you can do the following if you don't want to add a class.

var $elements = $('*').filter(function() {
    return $(this).css('filter') != 'auto';
});

I suggest you to add opacity to the css, because filter isn't crossbrowser. So your code should be the following.

var $elements = $('*').filter(function() {
    var $element = $(this);
    return $element.css('filter') != 'auto' || $element.css('opacity') != 1;
});

demo

edited Sep 13, 2012 at 23:57

answered Sep 13, 2012 at 23:49

Ricardo Lohmann

26.4k7 gold badges86 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex · Accepted Answer · 2012-09-13 22:59:33Z

1

var foundels = [];

$(els).each(function(){
    if($(this).css('filter') == 'alpha(opacity=60)')
        foundels.push(this);
});

answered Sep 13, 2012 at 22:59

Alex

35.5k5 gold badges81 silver badges94 bronze badges

Collectives™ on Stack Overflow

Get Elements with CSS filter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related