易賢網(wǎng)網(wǎng)校上線了！
>>>點(diǎn)擊進(jìn)入<<<
網(wǎng)校開(kāi)發(fā)及擁有的課件范圍涉及公務(wù)員、財(cái)會(huì)類(lèi)、外語(yǔ)類(lèi)、外貿(mào)類(lèi)、學(xué)歷類(lèi)、
職業(yè)資格類(lèi)、計(jì)算機(jī)類(lèi)、建筑工程類(lèi)、等9大類(lèi)考試的在線網(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] )
非常重要！