如何添加和删除活动类？

Question

当我点击其他锚时，如何更改class .active-link？

<div id="settings" class="account-collapse collapse in"> 
    <div class="account-body"> 
    <a href="#/PersonalInfo" class="active-link">PERSONAL_INFORMATION</a> 
    <a href="#/Notifications">NOTIFICATIONS_SETTINGS</a> 
    <a href="#/PasswordChange">CHANGE_PASSWORD</a> 
    <a href="#">GAME_SETTINGS</a> 
    </div> 
    </div> 

我试过，但它不工作：

$('div').click(function() { 
     var hash = window.location.hash; 
     $("a.active-link").removeClass(); 
     $('a[href="' + hash + '"]').addClass('active-link'); 


}); 

Answer 1

尝试

$('#settings a').click(function(event) { 
    event.preventDefault(); // prevent default action 
    $('#settings a').removeClass('active-link'); // remove all active class 
    $(this).addClass('active-link'); // apply for current a tag 
}); 

Fiddle

Answer 2

$('#settings a').not('.active-link').click(function(){//when other links are clicked 
    $('#settings .active-link').removeClass('active-link').addClass('mynewclass'); 
}) 

DEMO：https://jsfiddle.net/fuk4cyk4/2/