如何在點擊事件中更改類別

Question

我試圖更改在單擊事件時分配給元素的CSS類，但看不到我必須使用的選擇器。 看到我內部有一個帶有DD的DL，第一個DD具有class =“ active”，當我選擇任何其他DD並將該類分配給所拾取的DD時，我需要刪除該類，明白嗎？ 舉個例子：

<dl>
  <dd class="active">DD1</dd>
  <dd>DD2</dd>
  <dd>DD3</dd>
</dl> 

如果我選擇DD2，則class =“ active”應該從DD1中消失，然后移至DD2，依此類推。 我認為在使用：eq（），但雖然不起作用。 有什么建議或幫助嗎？

編輯：樣品准備好了！ 轉到http://comvivem.treswd.com/net/並以demo / demo123登錄，然后轉到“ Directorio”，您將看到“過濾器”，並在字母“ A”，“ B”等旁邊，依次看到A是默認的，並且具有活動類，但是選擇“ B”或其他任何名稱，然后看看會發生什么，這就是我之前所指的！

干杯和感謝

Answer 1

$('dd').on('click', function() {
    $(this).addClass('active').siblings().removeClass('active');
});

小提琴

Answer 2

此JavaScript確實會更改點擊鏈接，但是在您的情況下這不是必需的：

$("dd").click(function(){
    $("dd").removeClass("active");
    $(this).addClass("active");
});

您應該這樣做：

$(document).ready(function(){
    var letter = window.location.pathname.slice(-1);
    $("dd").removeClass("active");
    $("dl.sub-nav dd a:contains("+letter+")").parent().addClass("active");
});

它仍然很hacky，最好將類設置為服務器端腳本中當前選擇的字母。