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

Javascript 更改脚本以删除活动上的类<;ul>;目标,javascript,jquery,custom-data-attribute,Javascript,Jquery,Custom Data Attribute,在我正在编码的水平菜单/子菜单中,在子菜单包装上有一个class=“hidden”,我想在鼠标上的活动ul上删除它。 目前我有。切换,这是可以的,但我更喜欢“类”的方式。有人能帮我找到一个可能的解决办法吗?谢谢 HTML 您可以使用完全相同的逻辑并使用toggleClass(): $(this).toggleClass('hidden',targetmatch.length-1); 第一个参数是要使用的类名,第二个参数是一个布尔值,用于确定是否应将其添加到相关元素中或从中删除。另外,请注

在我正在编码的水平菜单/子菜单中,在子菜单包装上有一个class=“hidden”,我想在鼠标上的活动ul上删除它。 目前我有。切换,这是可以的,但我更喜欢“类”的方式。有人能帮我找到一个可能的解决办法吗?谢谢

HTML



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

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

    第一个参数是要使用的类名,第二个参数是一个布尔值,用于确定是否应将其添加到相关元素中或从中删除。另外,请注意在
    .attr('data-…')
    上使用
    .data()
    ,您可以使用完全相同的逻辑并使用
    切换类()

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

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

    $(此).removeClass('hidden')?请添加您的完整菜单html,或至少包含
    子菜单包装器的部分
    类$(此)。removeClass('hidden')?请添加您的完整菜单html,或者至少是包含
    子菜单包装的部分,它的作用与所需相反;)我在我的子菜单中选择了三个
      中的一个,它的类是:hidden,其他所有的都被删除了。我很困惑,因为这里的逻辑相当于你问题中的代码。你能在a中添加一个工作示例来准确显示你想要什么吗?我可以向你保证,你不会像我一样困惑。你认为我是否也应该添加一个mouseleave函数,这会使它更简单吗?Rory,这与需要的正好相反;)我在我的子菜单中选择了三个
        中的一个,它的类是:hidden,其他所有的都被删除了。我很困惑,因为这里的逻辑相当于你问题中的代码。你能在a中添加一个工作示例来准确显示你想要什么吗?我可以向你保证,你不会像我一样困惑。你认为我是否也应该添加一个mouseleve功能,这会使它更容易吗?
           <div class="subMenuBarWrapper">
             <ul data-parentid="1" class="hidden">
                    <li class="">
                           <a href="etc....</a>
                               </li>
             </ul>
           </div>
        
         $('.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);
             });
        });
        
        $(this).toggleClass('hidden', targetmatch.length < 1 || $(this).data('parentid').indexOf(targetmatch) > -1);