我有一个使用嵌套列表构建的带有两个级别的导航菜单。我需要一个只在菜单顶层的mouseenter上触发的事件，而不是子菜单。从我读到的内容来看，这应该有效，因为它应该只针对直接的孩子：
$('.#primary-menu > li').mouseenter(function() {
console.log('please work');
});
但是，当子菜单项悬停时，它也会触发，因此无法工作。
我也看到了一些使用NOT选择器的例子，但我也无法做到这一点。
$('#primary-menu:not(:has(ul.subnav))').mouseenter(function() {
console.log('please work');
});
有人能帮忙吗？
我在这里做了一个非常简单的例子：
https://codepen.io/lol4000/pen/VwMLOMO
//*更新/strong>//
我尝试了@CertainPerformance的代码建议，但这对我的代码不起作用，因为我正在使用wordpress，所以我无法将类添加到链接中。我尝试使用.菜单项有子类，但这不起作用。
$('.menu-item-has-children').on('mouseenter', () => {
console.log('top-level item entered');
});
这个也没有
$('#primary-menu > li').on('mouseenter', (e) => {
console.log('top-level item entered:' + e.currentTarget.children[0].textContent);
});
下面的实际HTML代码：
<ul id="primary-menu" class="menu nav-menu"><li id="menu-item-4793" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4793"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Faculté</span></a>
<ul class="sub-menu">
<li id="menu-item-4908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4908"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/origine-vocation-internationale/">Présentation</a></li>
<li id="menu-item-4893" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4893"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/origine-vocation-internationale/">Nos atouts</a></li>
<li id="menu-item-4892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4892"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/">Devenir des diplômés</a></li>
</ul>
</li>
<li id="menu-item-4794" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current-menu-ancestor current-menu-parent menu-item-has-children menu-item-4794"><a href="/formations/" aria-current="page" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Formations</span></a>
<ul class="sub-menu" style="display: none;">
<li id="menu-item-5049" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-5049"><a href="/formations/" aria-current="page">Formations</a></li>
</ul>
</li>
<li id="menu-item-4795" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4795"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/DEPARTEMENTS1.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Départements</span></a>
<ul class="sub-menu">
<li id="menu-item-4883" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4883"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/aes-economie-gestion/">AES – Economie-Gestion</a></li>
<li id="menu-item-4884" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4884"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/anglais/">Anglais</a></li>
<li id="menu-item-4895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4895"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/droit/">Droit</a></li>
<li id="menu-item-4886" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4886"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/pole-international-management/">Pôle International de Management</a></li>
<li id="menu-item-4887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4887"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/langues-orientales/">ILCO</a></li>
<li id="menu-item-4888" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4888"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/langues-romanes-germaniques/">LRG</a></li>
</ul>
</li>
<li id="menu-item-4796" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4796"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-2.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Vie étudiante</span></a>
<ul class="sub-menu">
<li id="menu-item-4833" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4833"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/le-campus/">Le Campus</a></li>
<li id="menu-item-4834" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4834"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/vie-associative/">Les associations</a></li>
<li id="menu-item-4897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4897"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/le-cadre-de-vos-etudes/">Vivre au Havre</a></li>
</ul>
</li>
<li id="menu-item-4797" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4797"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-4.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Entreprises</span></a>
<ul class="sub-menu">
<li id="menu-item-4858" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4858"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/alternance/">Alternance</a></li>
<li id="menu-item-4896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4896"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/entreprises/stages-et-offres-demploi/">Stages</a></li>
<li id="menu-item-4898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4898"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/reprise-detudes/">Formations tout au long de la vie</a></li>
<li id="menu-item-4857" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4857"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/taxe-dapprentissage/">Taxe d’apprentissage</a></li>
</ul>
</li>
<li id="menu-item-4798" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4798"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-6.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Recherche</span></a>
<ul class="sub-menu">
<li id="menu-item-4859" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4859"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/laboratoires/">Laboratoires</a></li>
<li id="menu-item-4905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4905"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/formations-par-niveaux/doctorat/">Ecoles Doctorales</a></li>
</ul>
</li>
<li id="menu-item-4799" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4799"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-5.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">International</span></a>
<ul class="sub-menu">
<li id="menu-item-4861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4861"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/venir-etudier-au-havre/">Venir étudier au Havre</a></li>
<li id="menu-item-4862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4862"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/partir-a-letranger/">Partir à l’étranger</a></li>
<li id="menu-item-4866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4866"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/international-students/">International Students</a></li>
<li id="menu-item-4907" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4907"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/international/">Partenaires Internationaux</a></li>
</ul>
</li>
<li id="menu-item-4800" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4800"><a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-3.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Infos pratiques</span></a>
<ul class="sub-menu">
<li id="menu-item-4808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4808"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/venir-sur-le-campus/">Venir sur le campus</a></li>
<li id="menu-item-4903" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4903"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/procedure-dadmission/">Candidater à nos formations</a></li>
<li id="menu-item-4870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4870"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-vie-etudiante/services-numeriques/">Outils numériques / Services en ligne</a></li>
<li id="menu-item-4871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4871"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/ma-rentree/">[Ma rentrée]</a></li>
<li id="menu-item-4872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4872"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/quiz-pour-les-indecis/">FAQ</a></li>
</ul>
</li>
</ul>
不要使用子体选择器，空格-否则，所有与以下选择器匹配的子体(包括嵌套元素(都将添加侦听器。请改用>来选择直接子项。
顶级<ul>是#primary-menu，因此使用#primary-menu > li来选择其直属子级。
$('#primary-menu > li').on('mouseenter', (e) => {
console.log('top-level item entered:' + e.currentTarget.children[0].textContent);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="primary-menu" class="menu nav-menu">
<li id="menu-item-4793" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4793">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Faculté</span></a>
<ul class="sub-menu">
<li id="menu-item-4908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4908"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/origine-vocation-internationale/">Présentation</a></li>
<li id="menu-item-4893" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4893"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/origine-vocation-internationale/">Nos atouts</a></li>
<li id="menu-item-4892" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4892"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/">Devenir des diplômés</a></li>
</ul>
</li>
<li id="menu-item-4794" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4794">
<a href="/formations/" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Formations</span></a>
</li>
<li id="menu-item-4795" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4795">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/DEPARTEMENTS1.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Départements</span></a>
<ul class="sub-menu">
<li id="menu-item-4883" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4883"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/aes-economie-gestion/">AES – Economie-Gestion</a></li>
<li id="menu-item-4884" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4884"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/anglais/">Anglais</a></li>
<li id="menu-item-4895" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4895"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/droit/">Droit</a></li>
<li id="menu-item-4886" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4886"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/pole-international-management/">Pôle International de Management</a></li>
<li id="menu-item-4887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4887"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/langues-orientales/">ILCO</a></li>
<li id="menu-item-4888" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4888"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/langues-romanes-germaniques/">LRG</a></li>
</ul>
</li>
<li id="menu-item-4796" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4796">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-2.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Vie étudiante</span></a>
<ul class="sub-menu">
<li id="menu-item-4833" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4833"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/le-campus/">Le Campus</a></li>
<li id="menu-item-4834" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4834"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/vie-associative/">Les associations</a></li>
<li id="menu-item-4897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4897"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/le-cadre-de-vos-etudes/">Vivre au Havre</a></li>
</ul>
</li>
<li id="menu-item-4797" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4797">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-4.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Entreprises</span></a>
<ul class="sub-menu">
<li id="menu-item-4858" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4858"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/alternance/">Alternance</a></li>
<li id="menu-item-4896" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4896"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/entreprises/stages-et-offres-demploi/">Stages</a></li>
<li id="menu-item-4898" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4898"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/reprise-detudes/">Formations tout au long de la vie</a></li>
<li id="menu-item-4857" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4857"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/taxe-dapprentissage/">Taxe d’apprentissage</a></li>
</ul>
</li>
<li id="menu-item-4798" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4798">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-6.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Recherche</span></a>
<ul class="sub-menu">
<li id="menu-item-4859" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4859"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/laboratoires/">Laboratoires</a></li>
<li id="menu-item-4905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4905"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/formations/formations-par-niveaux/doctorat/">Ecoles Doctorales</a></li>
</ul>
</li>
<li id="menu-item-4799" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4799">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-5.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">International</span></a>
<ul class="sub-menu">
<li id="menu-item-4861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4861"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-faculte-2/venir-etudier-au-havre/">Venir étudier au Havre</a></li>
<li id="menu-item-4862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4862"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/partir-a-letranger/">Partir à l’étranger</a></li>
<li id="menu-item-4866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4866"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/international-students/">International Students</a></li>
<li id="menu-item-4907" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4907"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/international/">Partenaires Internationaux</a></li>
</ul>
</li>
<li id="menu-item-4800" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-4800">
<a href="#" class="menu-image-title-after menu-image-not-hovered"><img width="1" height="1" src="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/wp-content/uploads/2021/12/Plan-de-travail-1-copie-3.svg" class="menu-image menu-image-title-after" alt="" loading="lazy"><span class="menu-image-title-after menu-image-title">Infos pratiques</span></a>
<ul class="sub-menu">
<li id="menu-item-4808" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4808"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/venir-sur-le-campus/">Venir sur le campus</a></li>
<li id="menu-item-4903" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4903"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/procedure-dadmission/">Candidater à nos formations</a></li>
<li id="menu-item-4870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4870"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/la-vie-etudiante/services-numeriques/">Outils numériques / Services en ligne</a></li>
<li id="menu-item-4871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4871"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/ma-rentree/">[Ma rentrée]</a></li>
<li id="menu-item-4872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4872"><a href="https://staging.heuristic-hypatia.91-134-228-53.plesk.page/quiz-pour-les-indecis/">FAQ</a></li>
</ul>
</li>
</ul>从逻辑上讲，它在做你让它做的事情，因为子菜单li仍然在你的监听器设置的li内部。
这应该可以解决你的问题
$('#primary-menu > li > a').on('mouseenter', (e) => {
console.log(e.target);
});