Localisation d'éléments avec des couleurs d'arrière-plan spécifiques

Lorsque vous traitez une collection d'étendues au sein d'un div, l'objectif peut être d'isoler ceux avec une couleur d'arrière-plan particulière. Bien que le sélecteur [attribute=value] puisse sembler intuitif, il s'avère inefficace pour extraire des éléments en fonction de la couleur d'arrière-plan, car les étendues ne disposent pas d'un attribut portant ce nom.

Considérez plutôt le sélecteur CSS $('div# someDiv span'). Cela sélectionne toutes les étendues du div désigné. Pour affiner la sélection, on peut utiliser la fonction filter() :

$('div#someDiv span').filter(function() {
    var match = 'rgb(0, 0, 0)'; // Match black background-color
    return ( $(this).css('background-color') == match );
});

Ce code isole les spans avec un fond noir, permettant des opérations ultérieures, telles que changer leur couleur :

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');