jQuery中index()的用法分析
本文實(shí)例講解了jQuery中index()的用法。分享給大家供大家參考之用。具體方法如下:
現(xiàn)在有這樣一個(gè)問(wèn)題:如果列表里面有N多的列表項(xiàng)目,我想知道我點(diǎn)擊了哪一個(gè)應(yīng)該怎么取呢?
對(duì)此,jQuery里面提供了一個(gè)index()方法 :
index(subject)
該方法搜索與參數(shù)表示的對(duì)象匹配的元素,并返回相應(yīng)元素的索引值。
如果找到了匹配的元素,從0開(kāi)始返回;如果沒(méi)有找到匹配的元素,返回-1。
但是 API里面提供的例子貌似不對(duì),示例如下:
<ul> <li><a href="#nogo">這里是一個(gè)序列</a></li> <li><a href="#nogo">這里是一個(gè)序列</a></li> <li><a href="#nogo">這里是一個(gè)序列</a></li> <li><a href="#nogo">這里是一個(gè)序列</a></li> <li><a href="#nogo">這里是一個(gè)序列</a></li> <li><a href="#nogo">這里是一個(gè)序列</a></li> </ul>
如上所示,這是一個(gè)無(wú)序列表 我要點(diǎn)擊任意一個(gè)列表項(xiàng)目 要求得到該項(xiàng)目的序列 該怎么樣呢?
實(shí)現(xiàn)方法如下:
$(document).ready(function(){ $("#act li").click(function(){ alert( $( "#act li" ).index( $(this)[0] ) ); }) })
這里的:
$( "#act li" ).index( $(this)[0] )
非常重要!
相關(guān)文章
jquery+css3實(shí)現(xiàn)會(huì)動(dòng)的小圓圈效果
這篇文章主要介紹了jquery+css3實(shí)現(xiàn)會(huì)動(dòng)的小圓圈效果,涉及jquery基于時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素css3樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
jQuery的數(shù)組處理、便捷、功能齊全。一步到位的封裝了很多原生JavaScript數(shù)組不能企及的功能。下面是jquery數(shù)組的使用詳解,需要的朋友可以參考下2014-03-03jquery實(shí)現(xiàn)上傳文件大小類型的驗(yàn)證例子(推薦)
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)上傳文件大小類型的驗(yàn)證例子(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨想過(guò)來(lái)看看吧2016-06-06用jQuery模擬頁(yè)面加載進(jìn)度條的實(shí)現(xiàn)代碼
因?yàn)槲覀儫o(wú)法通過(guò)任何方法獲取整個(gè)頁(yè)面的大小和當(dāng)前加載了多少,所以想制作一個(gè)加載進(jìn)度條的唯一辦法就是模擬。那要怎么模擬呢2011-12-12autoPlay 基于jquery的圖片自動(dòng)播放效果
效果類似這種,自動(dòng)播放,實(shí)質(zhì)控制層的顯示隱藏。需要的朋友可以參考下。2011-12-12jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能完整實(shí)例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)圖片上傳預(yù)覽效果功能,結(jié)合完整實(shí)例形式分析了jQuery處理圖片上傳預(yù)覽相關(guān)事件響應(yīng)、瀏覽器判斷、圖片及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05