DOM 요소를 Jquery로 변수에 저장하십시오.

Question

일부 드롭 다운 목록이있는 사이드 메뉴 막대가 있습니다. 목록의 하위 요소를 클릭하면 메뉴가 닫힙니다. 메뉴를 다시 클릭하면 해당 드롭 다운 목록을 확장 할 수 있습니다. 이 방법으로 DOM 요소를 전역 변수에 저장하고 onClick 메뉴 이벤트로 확장하는 것이 좋을 것이라고 생각했습니다.

그 목록에는 li과 ul 요소가 포함되어 있습니다. 확장하려면 .css 클래스에 "open"을 추가하십시오.

메뉴 항목에는 해당 항목을 식별 할 수있는 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") 
});