jQueryのイベントハンドラ内で動的にバインドされたイベントのコンテキスト要素へのアクセスを取得します。

Question

ページに注入され、クリックイベントハンドラに動的にバインドされたHTMLがあります。しかし、「これは」matchListオブジェクトを返します。

var matchMore = $(".match-more-btn"); 

matchList.on("click", matchMore, function() { 
    var self = $(this); //<--- Problem here 
    matchFunc(self); 
}); 

次のコードのように私の問題は、私は、オブジェクトがコンテキスト（動的にバインド要素、上に示したmatchMore要素すなわち）として渡された取得したいということです。どのように私はイベントを開始した要素

Answer 1

へのアクセスを得るのですかhttp://api.jquery.com/on/状態でjQueryのドキュメント：

event.targetはイベント が発生した最も深い（最も内側の）要素を示しています。

var matchMore = $(".match-more-btn"); 

matchList.on("click", matchMore, function(event) { 
    var self = event.target; 
    matchFunc(self); 
});