使用Jquery将DOM元素保存到变量中

Question

我有一个带有下拉列表的侧面菜单栏。当我点击列表的子元素时，菜单关闭。当我再次单击菜单时，我希望扩展下拉列表。通过这种方式，我认为将DOM元素保存到全局变量中是可以的，并在onClick菜单事件上展开它。

该列表包含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" )
});