イベントでjQueryを使用してクリックされた要素を取得しますか？

Question

私は次のコードを使用して、動的に生成されたボタンがクリックされたことを検出しています。

$(document).on("click",".appDetails", function() { 
    alert("test"); 
}); 

通常、あなただけの$('.appDetails').click()をした場合は、クリックされた要素を取得するために$(this)を使用することができます。どのように私は上記のコードでこれを達成するだろうか？例えば

：それはあまりにも

$(document).on("click",".appDetails", function() { 
    var clickedBtnID = $(this).attr('id'); // or var clickedBtnID = this.id 
    alert('you clicked on button #' + clickedBtnID); 
}); 

Answer 1

ような単純な。

$(document).on("click",".appDetails", function (event) { 
    alert(event.target.id); 
}); 

Answer 2

あなたは、あなたの関数のイベントパラメータが欠落している

使用ここ$(this)することができ

$(document).on("click",".appDetails", function() { 
    var clickedBtnID = ?????? 
    alert('you clicked on button #' + clickedBtnID); 
}); 

Answer 3

これを処理する従来の方法は、ES6ではうまく機能しません。イベントターゲットは、あなたが望む要素（それがイベントを受信した子かもしれない）ではないかもしれない、クリックされた要素になりますことを

$('.delete').on('click', event => { 
    const clickedElement = $(event.target); 

    this.delete(clickedElement.data('id')); 
}); 

注：あなたは、代わりにこれを行うことができます。実際の要素を取得するには：私は、サーバーからのキャッシュの問題を扱ってるよう

$('.delete').on('click', event => { 
    const clickedElement = $(event.target); 
    const targetElement = clickedElement.closest('.delete'); 

    this.delete(targetElement.data('id')); 
});