单击时切换多个链接的按钮颜色

Question

我的问题类似于罗伯特·安德森（Robert Anderson）提出的问题 。 大卫·托马斯（David Thomas）很好地解决了这个问题。 这是JS Fiddle演示 。

$('a.button').click(function(e){
e.preventDefault();
$('a.clicked').removeClass('clicked');
$(this).addClass('clicked'); 
});

但是，我不想在单击时切换一种链接颜色，而是希望为三个单独的链接按钮切换三种单独的颜色，每次单击时会将其他链接恢复为默认颜色。 基本上与JS Fiddle完全一样，但是切换三个类而不是一个。 我仍然是一名jQuery新手，无法实现。

更多详细信息：这些是页面导航栏上的div链接，因此用户不会导航到新页面。 这个想法是在顶部导航栏上，“ div1”或“ div2”的链接按钮将被“点亮”或“着色”，以明确用户正在查看的部分。

Answer 1

http://jsfiddle.net/f36Wq/26/

简单方法-将所需的click类存储在链接上的数据标签上，然后将其检索出来以供使用。

$('a.button').click(function(e){
   e.preventDefault();
   $('a').removeClass('clicked clicked2 clicked3');
   var $this = $(this), cls = $this.data('clckcls');
   $(this).addClass(cls);
});