Maison > interface Web > tutoriel CSS > Comment sélectionner des étendues avec une couleur d'arrière-plan spécifique dans jQuery ?

Comment sélectionner des étendues avec une couleur d'arrière-plan spécifique dans jQuery ?

Barbara Streisand
Libérer: 2024-11-06 21:59:02
original
640 Les gens l'ont consulté

How to Select Spans with a Specific Background Color in jQuery?

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

Lorsqu'il s'agit d'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 spans 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 );
});
Copier après la connexion

Ce code isole les travées avec un fond noir, permettant des opérations ultérieures, comme changer leur couleur :

$('div#someDiv span').filter(function() {...}).css('background-color', 'green');
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal