jQuery中index()的用法分析_jquery

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

現在有這樣一個問題：如果清單裡面有N多的清單項目，我想知道我點擊了哪一個該怎麼取呢？

對此，jQuery裡面提供了一個index()方法 ：

index(subject)

此方法搜尋與參數表示的物件相符的元素，並傳回對應元素的索引值。

如果找到了匹配的元素，從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> 

如上所示，這是一個無序列表 我要點擊任何一個列表項目 要求得到該項目的序列 該怎麼樣呢？

實作方法如下：

$(document).ready(function(){ 
$("#act li").click(function(){
  alert( $( "#act li" ).index( $(this)[0] ) );
  })
}) 

這裡的：

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

非常重要！