Comment puis-je identifier l'élément source d'un événement jQuery ?

Identification de la source de l'événement

Lorsqu'un événement se produit, il est souvent souhaitable de déterminer l'identité de l'élément qui l'a déclenché. Ceci est particulièrement utile pour effectuer des actions spécifiques basées sur la source de l'événement.

Dans jQuery, la propriété event.target peut être utilisée pour obtenir l'ID de l'élément qui a déclenché l'événement. Cette propriété représente la source directe de l'événement.

Exemple d'implémentation

Considérez le code JavaScript suivant :

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});

Dans ce code, lorsque un l'élément est cliqué, le gestionnaire d'événements click est invoqué. Le paramètre event est transmis au gestionnaire et la propriété event.target.id est récupérée pour obtenir l'ID de l'élément cliqué. Cet identifiant est ensuite enregistré dans la console pour être affiché.

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});