2012-02-22 86 views
0

我試圖根據所選頁面更改儀表板上選項卡的類。 我在儀表盤3個標籤像如何使用jquery/Javascript更改<a>標記的CSS類

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

現在,我想強調的標籤,當我選擇特定的標籤。默認情況下,應該突出顯示「儀表板」選項卡。我有一個名爲「當前」的風格類,其中突出顯示了選項卡。 請指教。

+0

如果已被稱爲「電流」,突出的標籤,在這裏是問題的一類? – j08691 2012-02-22 16:51:05

回答

5

這應該工作:

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

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

不要忘記將該類添加到默認選項卡中:

  • Dashboard
  • ' – 2012-02-22 16:53:33

    +0

    在本示例中,它們也可以只使用類current,並替換active的所有實例。 – Aaron 2012-02-22 16:55:24