Discussion :

[Timoune007]

Bonjour,
Je souhaiterai changer les propriétés CSS d'un élément qui est imbriqué dans un autre, en Javascript.

Voici mon cas.

CSS :

Code :

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

1
2
3
4
 
.visible{
          .m1valide{}
}

Je veux que la classe .m1valide prenne comme propriété display inline block. Et je parle bien de la classe .m1valide imbriquée dans .visible. Pas juste .m1valide.

JS:

Code :

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

1
2
3
4
5
 
 
$('.visible .m1valide').css({
	'display' : 'inline-block'
});

Voila en plus imagé ce que que voudrais, même si je sais que ce que j'ai écrit n'a pas grand sens !

Merci d'avance !

[SpaceFrog]

Code css :

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

.visible.m1valide{}

Code :

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

1
2
3
4
 
$('.visible.m1valide').css({
	'display' : 'inline-block'
});

[Timoune007]

Merci de ta réponse, cependant ça ne marche pas...
Et j'ai du mal à comprendre ton code.
".visible.m1valide" signifie que la classe s'appelle "visible.m1valide" non ? Hors ce n'est pas mon cas

[SpaceFrog]

Au temps pour moi :red:

Le selecteur

Code :

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

.visible .m1valide{}

Avec espace cette fois ci signifie les enfants de .visible qui ont la class .m1valide


du coup le jquery devient

Code :

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

$('.visible .m1valide').css({

avec espace

[Timoune007]

Hum... J'ai l'impression que ça ne change pas le css de .visible .m1valide {} vu ce que ça me donne dans l'inspecteur d'élément. Ca affecte le css a l'élément .m1valide.

En js, quand j'ajoute la classe .visible au body par exemple mes éléments devienne visibles (display inline block), et quand je l'enlève ils ne le sont plus (display none).
C'est pour ça que j'ai besoins de ça :p

[danielhagnoul]

Il aurait été préférable de donner le fragment de code HTML concerné plutôt que vos codes CSS ou jQuery non fonctionnels.

Que donne : $( ".visible" ).find( ".m1valide" ).css( "display", "je ne sais pas, ce n'est pas très clair dans vos explications" );.

[SpaceFrog]

http://fiddle.jshell.net/wh2tuuyk/

[Timoune007]

Merci de vos réponses. Effectivement, ce que vous me donnez comme réponse est exact. C'est plutôt ce que je voulais en faire qui n'était pas approprié. Du coup j'ai opté pour une solution, plus adaptée.

J'aurai tout de même appris quelque chose

Merci encore de votre réactivité et de vos réponse, qui m'auront bien fait cogiter