简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

jquery怎么判断当前元素是第几个元素

青灯夜游
Libérer： 2021-11-15 17:46:32
original
4094 人浏览过

在jquery中，可以利用index()方法来判断当前元素是第几个元素，该方法可以返回指定元素相对于其他指定元素的索引位置；语法“$(selector).index()”。

jquery怎么判断当前元素是第几个元素

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以利用index()方法来判断当前元素是第几个元素。

index() 方法返回指定元素相对于其他指定元素的 index 位置。注意index序列号是从0开始的。

语法：

$(selector).index()
Copier après la connexion

示例：



	
		
		
	


	
		
    
			
  • 第一个li
    • 
			
  • 第二个li
    • 
			
  • 第三个li
    •
Copier après la connexion

上面的jQuery代码，因为索引序列号是从0开始的，如果点击的第一个会提示”0″,如果是第二个li标签会提示”1″。

1.gif

相关教程推荐：jQuery视频教程

以上是jquery怎么判断当前元素是第几个元素的详细内容。更多信息请关注PHP中文网其他相关文章！

Étiquettes associées：
jquery
source：php.cn
Article précédent：jquery怎么从末尾移除一个元素 Article suivant：jquery怎么根据指定元素删除父元素
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
Derniers articles par auteur
Derniers numéros
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
jQuery obtient une mauvaise valeur lors de l'obtention de l'attribut de données J'ai un div avec l'attribut data <divclass='p1'data-location='1'></div> J'ai u...
Depuis 2023-11-01 23:01:19
0
1
209
Prise en charge du codage de transfert de jQuery : fragmenté Je suis développeur Web. Dans mon script, j'utilise header() pour définir "Transfer-E...
Depuis 2023-10-25 23:44:37
0
1
230
Comment obtenir les dimensions naturelles d'une image en utilisant JavaScript ou jQuery ? Jusqu'à présent, j'ai ce code : varimg=document.getElementById('draggable'); varwidth=img....
Depuis 2023-10-21 13:53:08
0
2
275
Agrandir automatiquement la zone de texte J'essaie de créer une simple zone de texte à expansion automatique. Voici mon code : texta...
Depuis 2023-10-21 08:49:23
0
2
225
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！