类动态变化

Question

我的导航栏中有多个链接，但我正在更改ul类。 我这个页面上只有两个按钮我需要将ul类表单select更改为current和当前选择。

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