Exemple d'utilisation de la méthode index() dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode index() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut rechercher des éléments correspondants et renvoyer la valeur d'index de l'élément.
Les valeurs d'index commencent à 0.

Structure grammaticale 1 :

Lorsque cette méthode n'a pas de paramètres, la valeur de retour est la position d'index de l'élément spécifié dans la collection de ses éléments frères.

Copier le code Le code est le suivant :

$(selector).index()

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

• Zone des coulisses


• Espace réception


• Zone de base de données


• Communication webmaster

La position de l'élément li actuel :0

Cliquez pour afficher les résultats

Le code ci-dessus peut renvoyer la valeur d'index de l'élément li avec le nom de classe qian dans son ensemble d'éléments frères. En voyant cela, vous pouvez vous demander si les éléments dits frères sont des éléments similaires, c'est-à-dire. , l'élément li est dans l'élément li La valeur d'index dans la collection.

Exemple 2 :

Copier le code Le code est le suivant :

• Zone des coulisses


• Espace réception


• Zone de base de données


• Communication webmaster

Optimisation de la recherche

La position de l'élément li actuel :0

Cliquez pour afficher les résultats

Comme vous pouvez le voir dans le code ci-dessus, il ne s'agit pas seulement d'éléments du même type, mais de tous les éléments de la même génération.

Structure grammaticale 2 :

Lorsque le paramètre de la méthode est un objet DOM ou un objet jQuery, la valeur de retour est l'index de cet objet DOM ou de cet objet jQuery dans la collection d'éléments spécifiée.
Si l'objet DOM ou l'objet jQuery spécifié n'est pas trouvé dans la collection d'éléments spécifiée, la valeur de retour est -1.

Copier le code Le code est le suivant :

$(selector).index(element)

Liste des paramètres :

参数	描述
element	获得index位置的DOM对象或者jQuery对象。

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

• Zone des coulisses


• Espace réception


• Zone de base de données


• Communication webmaster

La position de l'élément li actuel :0

Cliquez pour afficher les résultats

Exemple 2 :

Comme aucun élément correspondant n'est trouvé, la valeur de retour est -1.

Copier le code Le code est le suivant :

• Zone des coulisses


• Espace réception


• Zone de base de données


• Communication webmaster

Optimisation de la recherche

La position de l'élément li actuel :0

Cliquez pour voir l'exemple

Structure grammaticale trois :

Lorsque le paramètre de la méthode est un sélecteur, l'élément sera trouvé dans la collection d'objets obtenus grâce à ce sélecteur.

Copier le code Le code est le suivant :

$(selector).index(Jqselector)

Liste des paramètres :

参数	描述
Jqselector	选择器，将会从通过此选择器获得的对象中查找元素。

Exemple de code :

Copier le code Le code est le suivant :

• Zone des coulisses


• Espace réception


• Zone de base de données


• Communication webmaster

Optimisation de la recherche

La position de l'élément li actuel :0

Cliquez pour voir l'exemple

Le code ci-dessus obtiendra la position d'index de l'élément li avec la valeur id qian dans la collection d'objets li obtenue via le sélecteur li.

J'espère que cet article sera utile à la programmation jQuery de chacun.