为了账号安全,请及时绑定邮箱和手机立即绑定

在 ul 和 li 标签中添加和删除类时面临的问题

在 ul 和 li 标签中添加和删除类时面临的问题

哆啦的时光机 2021-06-29 17:39:26
我正在使用 Jquery 开发一个应用程序,我想有条件地添加类和删除类。在下面的代码中有菜单和子菜单。如果用户单击#two或#three(打开子菜单),则将子菜单类添加到ul包含#two和的标记中,#three并删除菜单类。如果用户点击#three或#four(在li标签上),菜单类被添加到ul包含#three和的标签中,#four子菜单类从ul包含#one和#two<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>  $(document).ready(function() {    if (!$(".left_pannel ul li ul").hasClass('submenu')) {      alert("test");      $(".left_pannel ul li").removeClass("iconadd");    } else {      $(".left_pannel ul li").addClass("iconadd");    }  });</script><body>  <div class="left_pannel">    <ul>      <li><a href="#one" class="achore">Matches</a>        <ul id="one" class="submenu" style="display: none;">          <li><a href="https://www.google.com">Add Matches(m)</a></li>          <li><a href="https://www.google.com">Add Cricket(m)</a></li>        </ul>      </li>      <li><a href="#two" class="achore">Quize Master</a>        <ul id="two" class="submenu" style="display: none;">          <li><a href="">Add Matches(m)</a></li>          <li><a href="">Add Cricket(m)</a></li>        </ul>      </li>      <li id="#three"><a href="https://www.google.com">Excel Update</a></li>      <li id="#four"><a href="#">Application version</a></li>    </ul>  </div></body>
查看完整描述

2 回答

?
慕田峪4524236

TA贡献1875条经验 获得超5个赞

单击按钮找到subMenu类,如果有类,则更改是否为iconadd 的类,而不是删除iconadd


   $(document).ready(function()

   {

      $(".left_pannel ul li ul").on("click",function()

      {

        if ($(this).hasClass('submenu')) 

        {      

          $(".left_pannel ul li").addClass("iconadd");

        } 

        else 

        {

          $(".left_pannel ul li").removeClass("iconadd");

        }

      });

    });


查看完整回答
反对 回复 2021-07-01
  • 2 回答
  • 0 关注
  • 217 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信