jquery元素过滤器由css

Question

我想选择每个具有红色背景颜色的div.这有可能在jquery？

<div style="background-color:red"></div>
<div style="background-color:white"></div>
<div style="background-color:red"></div>
<div style="background-color:yellow"></div>

谢谢

Answer 1

此代码也适用于未在标记的style属性中定义的CSS :

$('div').filter(function() {
   return $(this).css('background-color') == 'red';
});

Answer 2

您可以使用jQuery过滤器:

$('div').filter(function() {
   return this.element.style['background-color'] == 'red';
});

但是,正如tvanfosson所说,正确的方法是为每个div分配一个CSS类,然后你可以使用jQuery这样调用对象(这是使用jQuery的首选方式):

$('.yourCSSClass');

Answer 3

$('div[style=background-color:red]');

Answer 4

为什么这么难？更好的解决方案是使用CSS类为元素提供样式,然后您可以简单地使用基于类的选择器.

<style type="text/css">
    .alert {
       background-color: red;
    }
</style>

<div class="alert"></div>


$('.alert')....