在事件上使用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

簡單，因爲它可以

使用$(this)這裏也

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

Answer 2

你缺少你的函數事件參數。

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

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')); 
});