Maison > interface Web > Questions et réponses frontales > Comment déterminer quel numéro est sélectionné dans jquery

Comment déterminer quel numéro est sélectionné dans jquery

WBOY
Libérer: 2022-01-10 16:38:31
original
1914 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode index() pour déterminer à quel élément se trouve l'élément sélectionné. Cette méthode est utilisée pour renvoyer la position d'index de l'élément spécifié par rapport aux autres éléments spécifiés. La syntaxe est "objet d'élément spécifié.index". (ce)" .

Comment déterminer quel numéro est sélectionné dans jquery

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

Comment jquery détermine quel élément est sélectionné

Supposons qu'il y ait le morceau de code HTML suivant :

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>
Copier après la connexion

jQuery détermine de quel élément est l'élément actuel

Si nous cliquons sur une balise li, nous voulons savoir le courant Pour déterminer sur quelle balise li vous avez cliqué, vous pouvez utiliser le code suivant :

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });
Copier après la connexion

Comme le code jQuery ci-dessus, si vous cliquez sur la première balise li, il affichera "0", s'il s'agit de la deuxième balise li , il affichera "1", veuillez noter que les numéros de séquence d'index commencent à 0. 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.

Remarque : index() renverra -1 si l'élément n'est pas trouvé.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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