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