根据结构，我有一个菜单和一个子菜单：
<ul class ="menu">
<li class="menu__item"><a href="#" class = 'menu__link'>Menu with sub menu</a></li>
<ul class="submenu">
<li><a href ="#">sub link 1</a></li>
...
<li><a href ="#">sub link N</a></li>
</ul>
</ul>
如何将鼠标悬停在a.menu__link“在 DOM 中查找”上ul.submenu？
有e.target.nextSibling;，但他只会寻找下一个a.menu__link。通过
let links = document.querySelectorAll('.menu__link')
links.forEach (link => {
link.querySelector('ul.submenu'))
...
}
我也无法获得所需的 ul，因为它不在 .menu__link 内部而是在它旁边。最后，document.querySelectorAll('ul.submenu')它也不合适，因为我只需要使用链接指向的子菜单。
1 个回答