Speichern DOM-Element in einer Variablen mit Jquery

Question

Ich habe eine Side-Menü-Leiste mit einigen Dropdown-Listen. Wenn ich auf das untergeordnete Element einer Liste klicke, wird das Menü geschlossen. Wenn ich erneut auf das Menü klicke, möchte ich, dass die Dropdown-Liste erweitert wird. Auf diese Weise dachte ich, dass es in Ordnung sein wird, das DOM-Element in einer globalen Variablen zu speichern und es unter onClick Menüereignis zu erweitern.

Diese Liste enthält li und ul Elemente, um das zu erweitern, ich werde eine .css Klasse mit dem Namen "open" hinzufügen.

Die Menüpunkte hatten keine id-s, um sie zu identifizieren.

Wie kann ich das tun?

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 
    }} 

Dank

Answer 1

Sie so etwas wie dies kann versuchen, es nicht als globalen Variable Spar aber nur für das Click-Ereignis zu hören wie dieses Feuer, würde ich auch zumindest auf id auf der Zugabe empfehlen Eltern von allem, so ist es einfacher zu zielen.

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