易賢網(wǎng)網(wǎng)校上線了！

>>>點(diǎn)擊進(jìn)入<<<

網(wǎng)校開(kāi)發(fā)及擁有的課件范圍涉及公務(wù)員、財(cái)會(huì)類、外語(yǔ)類、外貿(mào)類、學(xué)歷類、

職業(yè)資格類、計(jì)算機(jī)類、建筑工程類、等9大類考試的在線網(wǎng)絡(luò)培訓(xùn)輔導(dǎo)。

本文實(shí)例講解了jQuery中index()的用法。分享給大家供大家參考之用。具體方法如下：

現(xiàn)在有這樣一個(gè)問(wèn)題：如果列表里面有N多的列表項(xiàng)目，我想知道我點(diǎn)擊了哪一個(gè)應(yīng)該怎么取呢？

對(duì)此，jQuery里面提供了一個(gè)index()方法 ：

view sourceprint?1 index(subject)

該方法搜索與參數(shù)表示的對(duì)象匹配的元素，并返回相應(yīng)元素的索引值。

如果找到了匹配的元素，從0開(kāi)始返回；如果沒(méi)有找到匹配的元素，返回-1。

但是 API里面提供的例子貌似不對(duì)，示例如下：

view sourceprint?1 <ul> 

2   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

3   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

4   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

5   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

6   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

7   <li><a href="#nogo">這里是一個(gè)序列</a></li> 

8 </ul>

如上所示，這是一個(gè)無(wú)序列表 我要點(diǎn)擊任意一個(gè)列表項(xiàng)目 要求得到該項(xiàng)目的序列 該怎么樣呢？

實(shí)現(xiàn)方法如下：

view sourceprint?1 $(document).ready(function(){  

2 $("#act li").click(function(){ 

3   alert( $( "#act li" ).index( $(this)[0] ) ); 

4   }) 

5 })

這里的：

view sourceprint?1 $( "#act li" ).index( $(this)[0] )

非常重要！

更多信息請(qǐng)查看IT技術(shù)專欄