切换汉堡下拉:如何用JQuery调用祖先?

时间:2017-05-09 07:08:53

标签: javascript jquery html css

我无法切换汉堡包下拉菜单。基本上我在容器中有汉堡图标,但导航列表是一个很棒的祖父母div,我不知道如何使用JQuery从较低的祖先div中切换导航列表的显示。

编辑:忘记指定我想显示带有容器的导航列表&myffunction(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

1 个答案:

答案 0 :(得分:0)

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

只要ID是唯一的,它就适用于DOM中的每个元素。

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