<a>タグのCSSクラスをJquery/Javascriptを使用して変更する方法

Question

選択したページに応じて、ダッシュボード上のタブのクラスを変更しようとしています。 は、私は今、私は私がその特定のタブを選択すると、タブを強調したい

<div> 
    <ul class="menu"> 
    <li class="MenuDashboard"><a href="#" >Dashboard</a></li> 
    <li class="MenuSearch"><a href="#">Search</a></li> 
    <li class="MenuAccountSetup"><a href="#">Account Set up</a></li> 
    </ul> 
</div> 

のようにダッシュボードの3つのタブがあります。デフォルトでは、[ダッシュボード]タブが強調表示されます。私はタブをハイライト表示する "current"というスタイルクラスを持っています。 お知らせください。

Answer 1

これは動作するはずです：

$('.menu li').click(function() { 
    $(this).addClass('current').siblings().removeClass('current'); 
}); 

// Clicks on the first menu item to style it 
$('.menu li').eq(0).click();