如何使用jquery/Javascript更改<a>标记的CSS类

Question

我试图根据所选页面更改仪表板上选项卡的类。 我在仪表盘3个标签像

<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> 

现在，我想强调的标签，当我选择特定的标签。默认情况下，应该突出显示“仪表板”选项卡。我有一个名为“当前”的风格类，其中突出显示了选项卡。 请指教。

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