jQuery中index()的用法分析

更新時(shí)間：2014年09月05日 14:42:26 投稿：shichen2014

這篇文章主要介紹了jQuery中index()的用法分析,針對(duì)API示例進(jìn)行分析,給出了改進(jìn)方法的實(shí)例,需要的朋友可以參考下

本文實(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] )

非常重要！

您可能感興趣的文章:

jQuery
index

相關(guān)文章

jQuery Ajax 實(shí)例全解析
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開(kāi)發(fā)JS應(yīng)用，并在一定程度上改變了我們寫(xiě)JavaScript代碼的習(xí)慣。
2011-04-04
qTip 基于JQuery的Tooltip插件[兼容性好]
qTip是一個(gè)實(shí)現(xiàn)圓角對(duì)話(huà)氣泡框樣式的Tooltip jQuery插件。支持多種瀏覽器，可定制，功能強(qiáng)大。
2010-09-09
jquery和javascript中如何將一元素的內(nèi)容賦給另一元素
將一元素的內(nèi)容賦給另一元素，在某些情況下還是比較實(shí)用的，下面為大家講解下jquery和javascript中是如何實(shí)現(xiàn)的
2014-01-01
jQuery 性能優(yōu)化指南（1）
在jQuery中最快的選擇器是ID選擇器，因?yàn)樗苯觼?lái)自于JavaScript的getElementById()方法
2009-05-05
jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能,涉及jQuery事件響應(yīng)、字符串遍歷及正則判斷等相關(guān)操作技巧,需要的朋友可以參考下
2018-01-01
jquery簡(jiǎn)單實(shí)現(xiàn)縱向的無(wú)縫滾動(dòng)代碼實(shí)例
這篇文章主要介紹了jquery簡(jiǎn)單實(shí)現(xiàn)縱向的無(wú)縫滾動(dòng)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
Jquery實(shí)現(xiàn)的角色左右選擇特效
這篇文章主要介紹了Jquery實(shí)現(xiàn)的角色左右選擇特效,需要的朋友可以參考下
2014-05-05
利用jquery操作select下拉列表框的代碼
利用jquery操作select下拉列表框的代碼，需要的朋友可以參考下，jquery操作select的相關(guān)文章會(huì)給你更多的驚喜。
2010-06-06
jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
jquery實(shí)現(xiàn)淘寶商品圖片局部放大
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03