jQuery中index()的用法分析

字號:


    易賢網(wǎng)網(wǎng)校上線了!
    >>>點擊進入<<<
    網(wǎng)校開發(fā)及擁有的課件范圍涉及公務(wù)員、財會類、外語類、外貿(mào)類、學(xué)歷類、
    職業(yè)資格類、計算機類、建筑工程類、等9大類考試的在線網(wǎng)絡(luò)培訓(xùn)輔導(dǎo)。
    本文實例講解了jQuery中index()的用法。分享給大家供大家參考之用。具體方法如下:
    現(xiàn)在有這樣一個問題:如果列表里面有N多的列表項目,我想知道我點擊了哪一個應(yīng)該怎么取呢?
    對此,jQuery里面提供了一個index()方法 :
    view sourceprint?1 index(subject)
    該方法搜索與參數(shù)表示的對象匹配的元素,并返回相應(yīng)元素的索引值。
    如果找到了匹配的元素,從0開始返回;如果沒有找到匹配的元素,返回-1。
    但是 API里面提供的例子貌似不對,示例如下:
    view sourceprint?1 <ul> 
    2   <li><a href="#nogo">這里是一個序列</a></li> 
    3   <li><a href="#nogo">這里是一個序列</a></li> 
    4   <li><a href="#nogo">這里是一個序列</a></li> 
    5   <li><a href="#nogo">這里是一個序列</a></li> 
    6   <li><a href="#nogo">這里是一個序列</a></li> 
    7   <li><a href="#nogo">這里是一個序列</a></li> 
    8 </ul>
    如上所示,這是一個無序列表 我要點擊任意一個列表項目 要求得到該項目的序列 該怎么樣呢?
    實現(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] )
    非常重要!