Выбор и изменение нескольких классов CSS с помощью jQuery

Question

У меня есть компонент карусели для бутстрапа twitter, и я хочу определить его слайд-функцию, благодаря чему цвет переднего плана другого компонента должен быть изменен при каждом перемещении слайда.

$('#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)'); 
    } 
}); 

Я думаю, что проблема возникает из-за выбора нескольких классов CSS, должно быть sth. неправильно, потому что индекс имеет правильное значение. Консоль JS говорит unexpected token или unexpected string.

jsfiddle.

Answer 1

я нашел более быстрый способ сделать это, в первую очередь, я определил еще один CSS класс:

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

Затем его легко переключаться или удалить этот класс:

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

Answer 2

Попробуйте этот синтаксис:

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

Документация: http://api.jquery.com/css/#css-properties

Answer 3

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

Должно быть:

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

Если бы вы ва nted изменить несколько свойств CSS, можно использовать следующий синтаксис:

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