Question

在我的横向菜单/子菜单中我编码我在 subMenuBarWrapper ul 上有一个 class =“hidden”，我想在活动的ul上删除在mouseenter上。目前我有.toggle这是可以的，但我更喜欢“类”的方式。有人可以帮助我找到可能的解决方案吗？感谢。

HTML

   <div class="subMenuBarWrapper">
     <ul data-parentid="1" class="hidden">
            <li class="">
                   <a href="etc....</a>
                       </li>
     </ul>
   </div>

JS

 $('.nav_options li a').on('mouseenter', function () {
        var targetmatch = $(this).attr('data-submenunum');
        $('.subMenuBarWrapper ul').each(function () {
        $(this).toggle(targetmatch.length < 1 || $(this).attr('data-parentid').indexOf(targetmatch) > -1);
     });
});

Answer 1

您可以使用完全相同的逻辑并使用{{1}}：

toggleClass()

第一个参数是要使用的类名，第二个参数是一个布尔值，用于确定是应将其添加到相关元素中还是从中删除。另请注意$(this).toggleClass('hidden', targetmatch.length < 1 || $(this).data('parentid').indexOf(targetmatch) > -1);使用.data()

更改脚本以删除活动<ul>目标上的类

1 个答案: