在 ul 和 li 标签中添加和删除类时面临的问题
我正在使用 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
单击按钮找到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
相关分类
JavaScript