切換漢堡下拉菜單：如何使用JQuery調用祖先？

我無法切換漢堡包下拉菜單。基本上我有一個容器中的漢堡包圖標，但導航列表是一個偉大的祖父母div，我不知道如何使用JQuery從較低的祖先div切換導航列表的顯示。切換漢堡下拉菜單：如何使用JQuery調用祖先？

編輯：忘了指定，我想與容器的myFunction的（這）如果可能的話

<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

來源

2017-05-09 J. Doe

我看不到你的小提琴 –

它在黑色水箱內輸出部分漢堡包。您可能需要使屏幕變小，因爲列表從導航欄切換到漢堡包，分辨率爲850px –

是的。謝謝。 –

顯示導航列表您可以給祖先元素的ID 像<ul id='menu'></ul> 然後使用像$('#menu')這樣的jQuery通過它的ID訪問這個元素，並做任何你喜歡的事情。

只要ID是唯一的，它就可以與DOM中的每個元素一起工作。

編輯（鏈接到jQuery選擇文檔）： jQuery-Selectors

來源

2017-05-09 07:21:48 ikarus

我可以從容器的onclick函數中調用#menu嗎？我知道我可以爲標題做到這一點，但是我希望在點擊漢堡時激活它。 –

該ID在整個文檔中應該是唯一的，並且您可以從其中調用jQuery的任何位置都應該能夠通過其ID訪問每個元素 – ikarus

您應該注意'＃'符號不是ID的一部分，但會告訴jQuery您是由ID – ikarus

切換漢堡下拉菜單：如何使用JQuery調用祖先？

回答

相關問題