将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") 
});