Sélection et modification de plusieurs classes CSS avec jQuery

Question

J'ai un composant de carrousel de bootstrap sur twitter et je veux détecter sa fonction de diapositive, à travers cela, la couleur de premier plan d'un autre composant devrait être changée à chaque mouvement de diapositive.

$('#welcomeCarousel').on('slide',function(e){ 
    var index = $(this).find('.active').index();  
    if(index==1) { 
    $('.navbar-inverse .brand:hover, 
     .navbar-inverse .nav > li > a:hover, 
     .navbar-inverse .brand:focus, 
     .navbar-inverse .nav > li > a:focus').css('color': 'rgb(255, 255, 255)'); 
    } 
}); 

Je pense qu'un problème se produit en raison de la sélection de plusieurs classes CSS, il devrait y avoir sth. mal à ce sujet parce que l'index a une valeur correcte. La console JS dit unexpected token ou unexpected string.

jsfiddle.

Answer 1

J'ai trouvé un moyen plus rapide de le faire, tout d'abord, je l'ai défini une autre classe CSS:

.newClass .brand:hover, 
.newClass .nav > li > a:hover, 
.newClass .brand:focus, 
.newClass .nav > li > a:focus { 
    color: rgb(255, 255, 255); 
} 

Ensuite, il est facile à activer ou supprimer cette classe:

if(index==1) { 
    $('#myNavigationBar').toggleClass("newClass"); 
} 
if(index==0) { 
    $('#myNavigationBar').removeClass("newClass"); 
} 

Answer 2

Essayez cette syntaxe:

.css({'color': 'rgb(255, 255, 255)'}); 

Documentation: http://api.jquery.com/css/#css-properties

Answer 3

.css('color': 'rgb(255, 255, 255)'); 

devrait être:

.css('color', 'rgb(255, 255, 255)'); 

que vous aviez déjà wa nté pour modifier plusieurs propriétés CSS, vous utilisez cette syntaxe:

.css({'color': 'rgb(255, 255, 255)', diffrentProp : 'SomeValue'});