类动态变化真/假

时间:2023-02-09
本文介绍了类动态变化真/假的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

What I have are multiple links in my nav bar but am having changing the ul class. There are just two of my buttons on this page I need to change the ul class form select to current and the current to select.

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

推荐答案

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

这篇关于类动态变化真/假的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

上一篇:CSS 下拉导航 下一篇:如何使用 OnClick 事件设置 Jquery Mobile 导航

相关文章

最新文章