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

Question

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

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

通常、クリックした要素を取得するために$('.appDetails').click()使用できます。$(this)上記のコードでこれを達成するにはどうすればよいですか?

例えば：

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

Answer 1

関数にイベント パラメータがありません。

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

Answer 2

あなたがそれを行うことができる多くの方法があります

最初の方法は、javascript ターゲットを使用することです。

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

Answer 3

簡単な方法は、data 属性を HTML タグに渡すことです。

例：

<div data-id='tagid' class="clickElem"></div>

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