Seleccionar elementos con un cierto color de fondo

Quiero seleccionar un grupo de span en un div cuyo CSS contiene un color de fondo particular. ¿Cómo logro esto?

si entiendo la pregunta correctamente, el selector [attribute=value] no funcionará porque no contiene un atributo “background-color”. Puedes probarlo rápidamente para confirmar que no coincidirá con nada:

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

dado:

 // css .one, .two { background-color: black; } .three { background-color: red; } // html 
test one test two test three

Aquí hay un fragmento que funcionará :

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

Use el selector de atributos [attribute = value] para buscar un determinado valor de atributo.

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