简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

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

青灯夜游
Lepaskan： 2021-11-15 17:46:32
asal
4094 人浏览过

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

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

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

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

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

语法：

$(selector).index()
Salin selepas log masuk

示例：



	
		
		
	


	
		
    
			
  • 第一个li
    • 
			
  • 第二个li
    • 
			
  • 第三个li
    •
Salin selepas log masuk

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

1.gif

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

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

Label berkaitan：
jquery
sumber：php.cn
Artikel sebelumnya：jquery怎么从末尾移除一个元素 Artikel seterusnya：jquery怎么根据指定元素删除父元素
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Langkah-langkah untuk memasang jQuery dalam Nuxt.js Walaupun saya cuba menambah jQuery dalam projek saya, saya mendapat ralat mengatakan ia ti...
daripada 2023-11-06 16:41:50
0
1
225
jQuery mendapat nilai yang salah apabila mendapat atribut data Saya mempunyai div dengan atribut data <divclass='p1'data-location='1'></div> ...
daripada 2023-11-01 23:01:19
0
1
209
Sokong Pemindahan-Pengekodan jQuery:chunked Saya seorang pembangun web. Dalam skrip saya, saya menggunakan header() untuk menetapkan &...
daripada 2023-10-25 23:44:37
0
1
230
Bagaimana untuk mendapatkan dimensi semula jadi imej menggunakan JavaScript atau jQuery? Setakat ini saya mempunyai kod ini: varimg=document.getElementById('draggable'); varwidth=...
daripada 2023-10-21 13:53:08
0
2
275
Kembangkan kawasan teks secara automatik Saya cuba membuat kawasan teks pengembangan automatik yang mudah. Ini kod saya: textarea.o...
daripada 2023-10-21 08:49:23
0
2
225
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！