Elemente mit einer bestimmten Hintergrundfarbe auswählen

wenn ich verstehe die Frage richtig, wird der Selektor [attribute=value] wird nicht funktionieren weil <span> nicht enthalten ein Attribut "background-color". Sie können testen, ob sich schnell, um zu bestätigen, es wird nicht alles gefunden was:

$('#someDiv span[background-color]').size(); //returns 0

gegeben:

//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>

hier ist ein snippet, dass arbeiten:

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 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

InformationsquelleAutor der Antwort Owen