jquery - 更改链接颜色

Question

如果我有 5 个链接。首先，如果我单击一个链接，它必须更改为其他颜色，然后如果我单击其他链接，则先前的链接颜色应为默认值，并且此链接颜色必须更改

代码:

$("table#menu tr > td a[href^='#']").click(function() { 
     $(this).toggleClass('class1'); / 
}); 

a.class1 { color:#000000; } 

<table id="menu"> 
<tr> 
   <td><a href="#" id="link1">qwerty</a></td> 
</tr> <tr> 
   <td><a href="#" id="link1">zyz</a></td> 
</tr> 
</table>

Answer 1

类。

CSS:

a {
    color: green;
}
a.special {
    color: orange;
}

JavaScript:

$('a').click(function(evt) {
    evt.preventDefault(); //don't follow link
    //remove the special class from all links which already have it
    $('a.special').removeClass('special');
    //add the special classs to the clicked link
    $(this).addClass('special');
}

当然，您应该更改选择器以适合您的 html。

实例:http://jsfiddle.net/KHjDr/