Maison >interface Web >js tutoriel >Analyse de l'utilisation de index() dans jQuery_jquery
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 !