Auswählen von Elementen mit einer bestimmten Hintergrundfarbe

Question

Ich möchte eine Reihe von span s in einer div auswählen, deren CSS eine bestimmte Hintergrundfarbe enthält. Wie erreiche ich das?

Answer 1

, wenn ich die Frage richtig verstanden habe, die Wähler [attribute=value]wird nicht funktionieren, weil<span> kein Attribut „background-color“ enthalten. Sie können, dass es nicht alles akzeptiert wird schnell zu bestätigen testen:

$('#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 Ausschnitt, 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 

Answer 2

Verwenden Sie das Attributselektor [Attribut = Wert], um nach einem bestimmten Attributwert zu suchen.

#id_of_the_div span[background-color=rgb(255,255,255)]