點擊多個鏈接的按鈕顏色

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/

簡單的辦法 - 保存您想在鏈路上的數據標籤的點擊類，然後檢索它的使用。

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