類動態變化

Question

我的導航欄中有多個鏈接，但我正在更改ul類。 在這個頁面上我的按鈕只有兩個，我需要將ul類形式選擇爲當前和要選擇的當前。

div class="nav"> 
<ul class=" current"> 
    <li> 
     <a href="index.php">Home</a> 
     <div class="select_sub"> 
     <ul class="sub"> 
      <li></li> 
     </ul> 
     </div> 
    </li> 
    </ul> 

    <ul class=" select"> 
    <li> 
     <a href="index.php?page=about_us" target="_self">About</a> 
     <div class="select_sub"> 
      <ul class="sub"> 
       <li><a href="index.php?page=about_us">About Us</a></li> 
       <li><a href="index.php?page=what_are_we">What are we</a></li> 
      </ul> 
     </div>     
    </li> 
    </ul> 
</div> 

這是我嘗試使用的js，沒有得到任何結果。

$(document).ready(function() { 
    $('.select').click(function(){ 
     $('.current').removeClass('current').addClass('select'); 
     $(this).removeClass('select').addClass('current'); 

    }); 
}); 

Answer 1

一旦你這樣做：

$('.current').removeClass('current'); 

不會有與類current任何元素 - 和你的下一個語句$('.current').addClass('select');不會匹配任何。

將其更改爲：

$('.current').removeClass('current').addClass('select');