javascript - 如果元素类 = 元素类或 data-attr 执行某些操作

Question

您好，有两个不同的 super 菜单，无法通过基于 html 标记的 css 显示。因此我想使用 Javascript/jQuery。

HTML of links:
<li id="menu-item-154" class="tg-submenu__link .tg-submenu__tg menu-item menu-item-type-post_type menu-item-object-page menu-item-154">
<a href="#">MEGAMENU-LINK1</a></li>

<li id="menu-item-155" class="tg-submenu__link .tg-submenu__abteilungen menu-item menu-item-type-post_type menu-item-object-page menu-item-155">
<a href="#">MEGA MENU LINK2</a></li>

HTML of the mega menu containers
<div class="tg-submenu tg-submenu__tg" data-trigger="tg-submenu__tg">
</div>

<div class="tg-submenu tg-submenu__abteilungen" data-trigger="tg-submenu__abteilungen">
</div>

所以我想运行一个函数，它检查链接是否具有相同的类(.tg-submenu__tg 和 .tg-submenu__abteilungen)或相同的数据触发属性，如果是，则向特定的大型添加一个类通过将鼠标悬停在相应的链接上来选择菜单容器。我可以轻松地编写两个单独的函数来测试这个隔离，但我需要一个通用函数，因为链接可能会更改或将来可能会添加更多链接。

Answer 1

• 问题出在您的类(class)“.tg-submenu__abteilungen”这里“。”不是可以接受
• 您可以使用.hasClass('classname')

Code

$(document).on('li','click',function(){
    if($(this).hasClass('tg-submenu__abteilungen')){
    // console.log('Link has tg-submenu__abteilungen CLASS');
    } else {
    //console.log('Link hasn't tg-submenu__abteilungen CLASS');
    }
});