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