javascript - 切换汉堡下拉菜单 : How to call ancestor with JQuery?

Question

我在切换汉堡包下拉菜单时遇到问题。基本上我在容器中有汉堡包图标，但导航列表在曾祖父 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>

jsfiddle

Answer 1

你可以给 Ancestor 元素一个 id喜欢<ul id='menu'></ul>然后像 $('#menu') 这样使用 jQuery通过它的 ID 访问这个元素，并用它做任何你喜欢的事情。

这适用于 DOM 中的每个元素，只要 ID 是唯一的，它应该是唯一的。

编辑(链接到 jQuery 选择器文档): jQuery-Selectors