jQuery添加CSS样式动态链接列表

Question

链接列表。当我们点击它时需要改变它的颜色，例如高亮活动链接... 我无法使用css，因为这个页面并不令人耳目一新。要突出显示当前链接。

HTML

<table border="0"> 
    <tr style=" width: 100px;"> 
     <td> 
      <div class="overMe"> 
       <a href="javascript:void(0);" class="leftList">link 1</a> 
      </div> 
     </td> 
    </tr> 
    <tr style=" width: 100px;"> 
     <td> 
      <div class="overMe"> 
       <a href="javascript:void(0);" class="leftList">link 2</a> 
      </div> 
     </td> 
    </tr> 
    <tr style=" width: 100px;"> 
     <td> 
      <div class="overMe"> 
       <a href="javascript:void(0);" class="leftList">link 3</a> 
      </div> 
     </td> 
    </tr> </table> 

CSS

a { 
    color: darkgreen; 
} 


.selected { 
    color: red; 
} 

jQuery代码

$(document).ready(function(){ 
    $('.overMe a').click(function(){ 
     $(this).addClass('selected'); 
     $('.overMe a').siblings().removeClass('selected'); 
    }); 
}) 

例：http://jsfiddle.net/TL9rh/

Answer 1

使用.not(this)：

$('.overMe a').not(this).removeClass('selected'); 

例子：http://jsfiddle.net/Curt/TL9rh/65/

Answer 2

您只需简单起见

$(document).ready(function(){ 
    $('.overMe a').click(function(){ 
     $('.overMe a').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
});