JQuery - 仅在顶级菜单上的 Mouseenter / 悬停事件，而不是子菜单（列表项不是嵌套列表项）答案

【问题标题】：JQuery - Mouseenter / hover event on top level menu ONLY, not the submenu ( list items NOT nested list items)JQuery - 仅在顶级菜单上的 Mouseenter / 悬停事件，而不是子菜单（列表项不是嵌套列表项）
【发布时间】：2022-01-28 19:22:39
【问题描述】：

我有一个使用嵌套列表构建的 2 个级别的导航菜单。我需要一个事件来仅在菜单顶层的 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

//*更新强>//

我尝试了@CertainPerformance 的代码建议，但这不适用于我的代码，因为我使用的是 wordpress，所以我无法向链接添加类。我尝试改用 .menu-item-has-children 类，但这不起作用。

$('.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>

【问题讨论】：

我认为这里可能发生的情况是鼠标输入了设置侦听器的li 的内容，这是合乎逻辑的，因为它在技术上输入了li。您可以将侦听器添加到具有特定类的a，而不是包含所有内容的li。你在这里的最终目标是什么？

标签： javascript html jquery css

【解决方案1】：

不要使用后代选择器，空格 - 否则，匹配以下选择器（包括嵌套元素）的所有后代都会添加侦听器。请改用> 来选择直接子代。

顶级<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>

【讨论】：

这很棒，它适用于我的示例。然而，现实生活中的代码在 wordpress 中，因此 a 标签上没有类，即。 nav_link 和 sub_nav_link。所以这行不通。对不起，我没有注意到这一点。我现在将更改示例。
添加到原帖中，谢谢。
看起来menu-item-has-children 的问题是某些顶级项目没有那个类，对吧？大多数都可以，但Formations 不会。
是的，没错，很好。因此，如果我添加一个子菜单并将其隐藏，它会起作用吗？我会试试的
我为编队添加了一个子菜单，但它仍然不起作用

【解决方案2】：

从逻辑上讲，它正在按照您的要求执行操作，因为子菜单 li 仍位于您的侦听器设置的 li 内。

这应该可以解决您的问题

$('#primary-menu > li > a').on('mouseenter', (e) => {
  console.log(e.target);
});

【讨论】：