javascript - 类动态变化

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