Comment utiliser la méthode index() dans jquery-Questions et réponses frontales-php.cn

Comment utiliser la méthode index() dans jquery

WBOY

Libérer： 2022-04-02 15:17:27

original

2061 Les gens l'ont consulté

Dans jquery, la méthode index() est utilisée pour renvoyer la position d'index d'un élément spécifié par rapport à d'autres éléments spécifiés, ou pour obtenir la position d'index d'un élément par rapport à un sélecteur. La syntaxe est "$(selector). index()" ou "$ (sélecteur).index(element)".

Comment utiliser la méthode index() dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment utiliser la méthode index() dans jquery

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

Ces éléments peuvent être spécifiés via des sélecteurs jQuery ou des éléments DOM.

Query fournit une méthode index()

pour rechercher des éléments correspondant à l'objet représenté par le paramètre et renvoyer 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é.

Obtenez la position d'index du premier élément correspondant par rapport à ses éléments frères.

Syntaxe

$(selector).index()

Copier après la connexion

Obtenir la position d'index de l'élément par rapport au sélecteur.

Cet élément peut être spécifié via un élément DOM ou un sélecteur jQuery.

Grammaire

$(selector).index(element)

Copier après la connexion

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($(".hot").index($("#favorite")));
  });
});
</script>
</head>
<body>
<p>单击按钮来获得id =“favorite”的元素的索引,相对于jQuery选择器(类=“hot”):</p>
<button>获取下标</button>
<ul>
<li>Milk</li>
<li class="hot">Tea</li>
<li class="hot" id="favorite">Coffee</li>
</ul>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment utiliser la méthode index() dans jquery