jquery – 选择具有某种背景颜色的元素

前端之家收集整理的这篇文章主要介绍了jquery – 选择具有某种背景颜色的元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在一个div中选择一堆,其CSS包含特定的背景颜色。我如何实现这一点?

解决方法

如果我正确理解问题,则选择器[attribute = value]将无法正常工作,因为< span>不包含属性“background-color”。你可以快速测试,以确认它不会匹配任何东西:
$('#someDiv span[background-color]').size(); // returns 0

给定:

// css
.one,.two {
  background-color: black;
}

.three {
  background-color: red;
}

// html
<div id="someDiv">
    <span class="one">test one</span>
    <span class="two">test two</span>
    <span class="three">test three</span>
</div>

这是一个可以使用的代码段:

$('div#someDiv span').filter(function() {
    var match = 'rgb(0,0)'; // match background-color: black
    /*
        true = keep this element in our wrapped set
        false = remove this element from our wrapped set
                                                         */
    return ( $(this).css('background-color') == match );

}).css('background-color','green'); // change background color of all black spans

猜你在找的jQuery相关文章