Maison > interface Web > js tutoriel > Analyse de l'utilisation de index() dans jQuery_jquery

Analyse de l'utilisation de index() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 16:36:56
original
1339 Les gens l'ont consulté

Cet article explique l'utilisation de index() dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence. La méthode spécifique est la suivante :

Maintenant, il y a une question : s'il y a N nombre d'éléments de liste dans la liste, je veux savoir sur lequel j'ai cliqué et comment le récupérer ?

Pour cela, jQuery fournit une méthode index() :

index(subject)
Copier après la connexion

Cette méthode recherche les éléments correspondant à l'objet représenté par le paramètre et renvoie la valeur d'index de l'élément correspondant.

Si un élément correspondant est trouvé, le retour commence à 0 ; si aucun élément correspondant n'est trouvé, -1 est renvoyé.

Mais les exemples fournis dans l'API semblent erronés. Les exemples sont les suivants :

<ul>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
  <li><a href="#nogo">这里是一个序列</a></li>
</ul> 

Copier après la connexion

Comme indiqué ci-dessus, il s'agit d'une liste non ordonnée. Que faire si je veux cliquer sur n'importe quel élément de la liste et obtenir la séquence de l'élément ?

La méthode de mise en œuvre est la suivante :

$(document).ready(function(){ 
$("#act li").click(function(){
  alert( $( "#act li" ).index( $(this)[0] ) );
  })
}) 

Copier après la connexion

Ici :

$( "#act li" ).index( $(this)[0] )
Copier après la connexion

Très important !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal