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

Analyse de l'utilisation de index() dans jQuery_jquery

WBOY
WBOYoriginal
2016-05-16 16:36:561278parcourir

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)

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> 

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] ) );
  })
}) 

Ici :

$( "#act li" ).index( $(this)[0] )

Très important !

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