CSS背景颜色和文本随jquery / javascript改变

单击链接时，无法使用一段代码更改背景颜色和文本颜色…..

 
 
My Account
 
Available Times
 
Completed Jobs
 
New Jobs []
 
Todays Jobs []
 
  

这是jquery ….

 $(document).on('click', '.tab1', function(){ $('.tab1').css({'background-color' : '#5B1762'}); $('.tab1 a').css({'color' : '#fff'}); $(this, '.tab1').css({'background-color': '#ccc'}); $(this, '.tab1 a').css({'color': 'red'}); }); 

这会更改背景颜色，但文本仍保持白色，如css文件中所示。

Answer 1

您正在编码$(context, selector)而不是$(selector, context) ，更改：

 $(this, '.tab1').css({'background-color': '#ccc'}); $(this, '.tab1 a').css({'color': 'red'}); 

至：

 $(this).css({'background-color': '#ccc'}); $('a', this).css({'color': 'red'}); 

Answer 2

也可以这样做：

 $('.tab1').click( function(){ $('.tab1').css({'background-color' : '#5B1762'}).find('a').css({'color' : '#fff'}); $(this).css({'background-color': '#ccc'}).find('a').css({'color': 'red'}); });