关于javascript:点击时切换多个链接的按钮颜色

Toggle multiple links' button colors on click

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

1
2
3
4
5
$('a.button').click(function(e){
e.preventDefault();
$('a.clicked').removeClass('clicked');
$(this).addClass('clicked');
});

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

更多详细信息:这些是页面导航栏中的div链接,因此用户无法导航到新页面。这个想法是,在顶部导航栏上,指向div1或div2的链接按钮将被"点亮"或"有色",以使用户清楚地看到哪个部分。


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

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

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