Discussion :

[Heimdall70]

Bonjour,

Je souhaiterais changer la couleur de ma classe css avec du jquery ou js

Quand il s'agit d'une simple classe pas de soucis, mais quand la classe est emboité ca ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('.testcolor').css('background-color', 'red'); // ca marche 
$('.col.red').css('background-color', 'yellow'); // ca marche pas

Merci d'avance

Cdt

[Doksuri]

".col.red" signifie que ton element possede les 2 classes en meme temps (par exemple <element class="col red"></element>)

si tu veux selectionner un "enfant", il faut mettre un espace
".col .red"
par exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<element class="col">
    <element class="red"></element>
</element>

[Heimdall70]

merci pour ta reponse:

en faite je voudrais modifier la classe la :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.col.red {
 
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function colorone(){
colorplayerone = document.querySelector('#colorone').value; // je recupere la couleur de l'utilisateur 
 
$('.testcolor').css('background-color', colorplayerone); // 
$('.col .red').css('background-color', colorplayerone); //  et la je voudrais mettre background-color(couleurchois) dans .col .red
 
}

Merci d'avance


EDIT Il s'agit bien de <div class="col red"> et donc .col.red

[mathieu]

montrez nous l'adresse de la page qui pose problème. ou alors mettez un exemple complet sur un site de dépôt de code comme cela par exemple :
https://codesandbox.io/s/vanilla