클릭 핸들러에 현재 요소를 바인딩하는 방법

Question

jQuery 1.9+에서는 "on"이 있기 때문에 라이브 처리기를 더 이상 사용하지 않습니다. on을 사용하고 있고 "button"을 클릭하고 싶다면 클릭하면 어떻게됩니까?

는 Currenly에만 이벤트 (I하지 함수에 필요한 요소) 이벤트를 생성 요소 처리기 내부

Answer 1

el는 event object 개체입니다.

el.target은 클릭을 트리거 한 DOM element입니다.

this은 해당 DOM 요소에 대한 사전 구성된 참조입니다.

$(this)은 해당 참조를 jQuery 참조로 변환합니다.

그래서 당신은 좋은 설명이

var like = function(el) { 
    console.log(el); // outputs event object object 
    console.log(el.target); // outputs DOM element 
    console.log(this); // should output the same as el.target 
    console.log($(this)); // outputs jQuery object of that DOM element 

    // the code can be 
    $(this).parent().hide(); 
    // or 
    $(el.target).parent().hide(); 
} 

Answer 2

사용 this 컨텍스트를 결합한다.

var like = function() { 
    $(this).parent().hide(); 
}; 

$("#like").on('click', like);