將DOM元素保存到Jquery的變量中

Question

我有一個帶有一些下拉列表的邊菜單欄。當我點擊列表的子元素時，菜單關閉。當我再次點擊菜單時，我想要擴展下拉列表。通過這種方式，我認爲將DOM元素保存到全局變量中並將其展開爲菜單事件就行了。

該列表包含li和ul元素，爲了擴大這一點，我將添加一個名爲「open」的.css類。

菜單項沒有任何id-s來標識它們。

我該怎麼做？

globally {var selectedItem =null} 



    // If user click any menu link 
    $('.menu-layer a').on('click', function() { 
    //--> selectedItem = getClickedElement 
    //... other code 
} 


    //If user clicks the hamburger menu 
    listenForMenuLayer: function() { 
    $('.nav-menu').on('click', function() { 
    //--> selectedClick.addClass('open') 
    //animation and other stuff code 
    }} 

感謝

Answer 1

你可以嘗試這樣的事情，而不是將其保存爲一個全局變量，但只是監聽點擊事件觸發這個樣子，我也建議至少在增加的ID它的父母，所以它更容易定位。

$("#menu").on("click", function() { 
    $("#menu").addClass("open") 
});