Uzyskaj kliknięcie elementu za pomocą jQuery na wydarzenie?

Question

Korzystam z następującego kodu, aby wykryć, kiedy kliknięto przycisk generowany dynamicznie.

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

Normalnie, jeśli tylko nie $('.appDetails').click() można użyć $(this) aby uzyskać element, który został kliknięty na. Jak mam to osiągnąć przy pomocy powyższego kodu?

Na przykład:

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

Answer 1

Tak proste, jak to może być

Zastosowanie $(this) tutaj zbyt

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

Answer 2

Brakuje parametru wydarzenie na swojej funkcji.

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

Answer 3

Konwencjonalny sposób obsługi tego nie działa dobrze z ES6. Można to zrobić w zamian:

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

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

Należy zauważyć, że cel wydarzeniem będzie elementem kliknięciu, który nie może być elementem chcesz (może to być dziecko, które otrzymało event). Aby uzyskać rzeczywiste elementu:

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

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