jQuery - find element basing on the css attribute

Question

I have that div

<div style='width:20px; height:20px; background-color:COLORNAME'></div>

which is created in the for loop.

Lets say I want to find the div which background color is #0000FF. How to do it by jquery ?

eithed · Accepted Answer · 2013-11-28 11:41:10Z

3

How about using:

$("[style*='background-color:#0000ff']");

Bear in mind, that it's based on string comparison, so spaces (and case) will matter.

answered Nov 28, 2013 at 11:34

eithed

4,3996 gold badges46 silver badges63 bronze badges

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

Comments

George · Accepted Answer · 2013-11-28 11:36:22Z

1

The browser will always process the color and output it as an rgb value, so this should do:

$('div').filter(function(){
    return $(this).css('background-color') == 'rgb(0, 0, 255)';
});

answered Nov 28, 2013 at 11:36

George

36.8k9 gold badges70 silver badges109 bronze badges