DOM要素をJqueryで変数に保存

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