Sélection d'éléments avec une certaine couleur d'arrière-plan

Question

Je souhaite sélectionner un groupe de span dans un div dont le CSS contient une couleur d'arrière-plan particulière. Comment puis-je y parvenir?

Answer 1

si je comprends bien la question, le sélecteur [attribute=value]ne fonctionnera pas parce que<span> ne contient pas d'attribut « -couleur d'arrière-plan ». vous pouvez vérifier que rapidement pour le confirmer ne correspondra pas à quoi que ce soit:

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

donné:

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

est ici un extrait qui fonctionnera:

$('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

Utilisez l'attribut selector [attribut = valeur] pour rechercher une certaine valeur d'attribut.

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