Question

我的问题类似于the one Robert Anderson asked。这是由大卫托马斯精美解决的。这是JS Fiddle demo。

$('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/

简单方法 - 将所需的点击类存储在链接上的数据标记上，然后检索它以供使用。

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

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

1 个答案: