Comment puis-je obtenir l'ID de l'élément qui a déclenché un événement jQuery ?

Obtention de l'ID de l'élément déclenchant un événement

Dans le développement Web, il est souvent nécessaire de récupérer l'identifiant de l'élément qui a initié un événement. événement, tel qu'un clic sur un bouton ou un survol de la souris. Cet article explique comment récupérer l'ID de cet élément à l'aide de la bibliothèque JavaScript populaire jQuery.

Objet d'événement jQuery

Le système d'événements de jQuery fournit un objet comme l'un des arguments transmis à gestionnaires d'événements. Cet objet contient diverses propriétés, dont une appelée target qui fait directement référence à l'élément qui a déclenché l'événement.

Récupérer l'ID à l'aide de target.id

Pour récupérer l'ID de l'élément déclencheur, accédez simplement à la propriété target.id dans le gestionnaire d'événements. Par exemple, l'extrait de code suivant montre comment alerter l'ID de l'élément cliqué :

$(document).ready(function() {
    $("a").click(function(event) {
        alert(event.target.id);
    });
});

Objet jQuery contre élément DOM

Il convient de noter cet événement .target n'est pas un objet jQuery mais un élément DOM. Si vous souhaitez utiliser les fonctions jQuery sur cet élément, vous devrez y accéder en utilisant $(this), comme indiqué ci-dessous :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!