Maison >interface Web >js tutoriel >Comment déterminer sur quel élément on clique dans jquery

Comment déterminer sur quel élément on clique dans jquery

WBOY
WBOYoriginal
2021-11-22 15:40:073279parcourir

Méthode : 1. Utilisez la méthode bind() pour lier un événement de clic à l'élément et spécifiez une fonction de traitement d'événement ; 2. Utilisez la méthode index() dans la fonction de traitement pour déterminer la position du clic, et la syntaxe est " $(objet élément). bind('click',function(){element object.index();})".

Comment déterminer sur quel élément on clique dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.

Comment jquery détermine-t-il sur quel élément a été cliqué

Dans jquery, si vous souhaitez déterminer sur quel élément a été cliqué, vous devez utiliser la méthode bind() et la méthode index(). Utilisez la méthode bind(). to Une étiquette est liée à l'événement click et l'index de position de l'étiquette actuellement cliquée est obtenu via la méthode index(). La méthode

bind() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné, ainsi qu'une fonction à exécuter lorsque l'événement se produit.

La syntaxe est la suivante : la méthode

$(selector).bind(event,data,function,map)

index() renvoie la position d'index de l'élément spécifié par rapport aux autres éléments spécifiés.

La syntaxe est :

$(selector).index()

Regardons un exemple. L'exemple est le suivant :

Créez un nouveau fichier html et nommez-le test.html pour expliquer comment utiliser jquery pour savoir sur quel li j'ai cliqué. Utilisez la balise de script pour charger le fichier jquery.min.js Ce n'est que lorsque le fichier est chargé avec succès que vous pouvez utiliser la méthode jquery. Utilisez la balise ul, la balise li pour créer une liste, par exemple, créez une liste de trois éléments. Utilisez la méthode ready() pour exécuter la méthode fonction lorsque la page est chargée.

Dans la méthode fonction, en obtenant l'objet li, utilisez la méthode bind() pour lier un événement click à chaque li. Lorsque l'utilisateur clique sur li, obtenez la valeur d'index de la balise li actuelle via la méthode index(). Enfin, utilisez la méthode alert () pour afficher la valeur de l'index.

Le code est le suivant :

Comment déterminer sur quel élément on clique dans jquery

Résultats de sortie lorsque l'on clique sur l'étiquette :

Comment déterminer sur quel élément on clique dans jquery

Résumé :

1. Utilisez la méthode bind() pour lier un événement de clic à chaque balise li.

2. Obtenez l'index de position de la balise li actuellement cliquée via la méthode index().

Notes

L'index obtenu par index() commence à 0, donc l'exemple ci-dessus nécessite d'ajouter 1.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn