javascript - 更改脚本以删除事件 <ul> 目标上的类

Question

在我的水平菜单/子菜单中，我正在编码，subMenuBarWrapper ul 上有一个 class="hidden" ，我想在事件 ul 上删除它在鼠标输入上。 目前我有 .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

您可以使用完全相同的逻辑并使用toggleClass():

$(this).toggleClass('hidden', targetmatch.length < 1 || $(this).data('parentid').indexOf(targetmatch) > -1);

第一个参数是要使用的类名，第二个参数是一个 bool 值，用于确定是否应将其添加到相关元素或从相关元素中删除。另请注意 .data() 相对于 .attr('data-...')

的使用