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?Sélection d'éléments avec une certaine couleur d'arrière-plan
25
A
Répondre
41
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
-6
Utilisez l'attribut selector [attribut = valeur] pour rechercher une certaine valeur d'attribut.
#id_of_the_div span[background-color=rgb(255,255,255)]
+3
cela ne fonctionnera pas car background-color est une propriété css et non une propriété html – Alp
Questions connexes
- 1. couleur de sélection Listview
- 2. SimpleXML: Sélection d'éléments ayant une certaine valeur d'attribut
- 3. Sélection de sql à condition qu'une certaine colonne commence par une certaine chaîne
- 4. cible des images avec une certaine classe avec jQuery?
- 5. couleur de sélection pour un UITableViewCell
- 6. Tracer une ligne avec une couleur dégradée
- 7. Modification de la couleur d'arrière-plan dans vim dans une certaine colonne
- 8. MySQL: Obtenir une certaine ligne
- 9. Comment renommer/déplacer tous les fichiers avec une certaine extension?
- 10. Le prototype js obtient un élément avec une certaine valeur
- 11. Prototype: trouver tous les éléments avec une certaine classe?
- 12. Couleur de police de la liste de sélection désactivée
- 13. Latex: hfill à une certaine largeur
- 14. Comment bloquer une certaine police dans Firefox?
- 15. Mysql Query Exclure une certaine entrée
- 16. Comment faire une sélection dans une sélection
- 17. Styler la couleur de sélection d'un type d'entrée = texte, possible?
- 18. Jquery: Sélection dans une sélection
- 19. Jquery: Sélection d'images avec une source spécifique?
- 20. LINQ et une sélection avec deux tables
- 21. Effectuez une seule sélection avec laquelle
- 22. WPF ListView inactif Sélection de couleur et de l'élément couleur de la police
- 23. Retour au navigateur parent après une certaine page
- 24. apporter git repo jusqu'à une certaine révision
- 25. liste style articles dans une certaine div
- 26. découpant une chaîne d'une certaine manière
- 27. Est-il possible d'afficher une bordure de sélection plutôt qu'une couleur de fond dans un DataGridView?
- 28. Regrouper des lignes tout en concaténant une certaine colonne avec un délimiteur
- 29. SQL - Trouver où dans une requête une certaine ligne sera
- 30. Comment modifier la couleur de sélection d'arrière-plan pour une table jface
Comment feriez-vous la même chose pour un ID d'élément? Et si vous avez 5 des mêmes identifiants sur la même page, comment les apparieriez-vous, attribueriez-vous un arrière-plan et trouveriez-vous d'autres identifiants qui feraient la même chose? – Tom
@Tom C'est un peu difficile parce que vous ne devriez pas avoir 5 identifiants. Un identifiant devrait être unique sur cette page, et en avoir plus d'un ne fonctionnera pas bien avec javascript (je crois qu'il saisit juste le premier qu'il trouve). Êtes-vous capable de les convertir en cours? – Owen
Ça a marché pour moi. avec un changement mineur. Les codes de couleurs lorsque j'inspecte sont affichés en RGB mais lorsque le code est exécuté, #XXXXXX fonctionne. $ (Document) .ready (function()/* exécute le script après que DOM est prêt */{ \t \t $ ('# MyId tr «) .Chaque (function() { \t \t \t var yellowmatch = '#ffffcc'; var \t \t Redmatch = '# ffd7d7'; \t \t \t var greenmatch = '# e1ffe1'; \t \t \t si ($ (this) .css ('background-color') == redmatch) \t \t \t { \t \t \t} \t \t \t if ($ (this) Css ('background-color') == yellowmatch) \t \t \t { \t \t \t} \t \t \t if ($ (this) Css ('background-color') == greenmatch) \t \t \t { \t \t \t} \t \t}); }); – Sangeet