我在切换汉堡包下拉菜单时遇到问题。基本上我在容器中有汉堡包图标,但导航列表在曾祖父 div 中,我不知道如何使用 JQuery 从较低的祖先 div 中切换导航列表的显示。
编辑: 忘记指定我想在可能的情况下使用容器的 myFunction(this) 显示导航列表
<div class="header">
<div class="header_content">
<div class="header_icon">
<span class="toggle">
<div class="container" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
</span>
</div>
<ul>
<li><a href="#home">Home</a></li>
</ul>
</div>
</div>
最佳答案
你可以给 Ancestor 元素一个 id
喜欢<ul id='menu'></ul>
然后像 $('#menu')
这样使用 jQuery通过它的 ID 访问这个元素,并用它做任何你喜欢的事情。
这适用于 DOM 中的每个元素,只要 ID 是唯一的,它应该是唯一的。
编辑(链接到 jQuery 选择器文档): jQuery-Selectors
关于javascript - 切换汉堡下拉菜单 : How to call ancestor with JQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43863344/