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

我正在使用 Jquery 开发一个应用程序，我想有条件地添加类和删除类。在下面的代码中有菜单和子菜单。

如果用户单击#two或#three（打开子菜单），则将子菜单类添加到ul包含#two和的标记中，#three并删除菜单类。

如果用户点击#three或#four（在li标签上），菜单类被添加到ul包含#three和的标签中，#four子菜单类从ul包含#one和#two

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

<ul>

<li><a href="#one" class="achore">Matches</a>

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

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

哆啦的时光机

浏览 218回答 2

2回答

慕田峪4524236

单击按钮找到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");        }      });    });

随时随地看视频慕课网APP