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); }); |