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

Question

我的问题类似于the one Robert Anderson asked。大卫·托马斯很好地解决了这个问题。这就是那个JS Fiddle demo。

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

但我不想在点击时切换一种链接颜色，而是为三个单独的链接按钮切换三种不同的颜色，每次点击都会将其他链接恢复为默认颜色。基本上就是JS的作用，只是切换了三个类而不是一个。我仍然是一个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);
});