DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中index()的用法分析
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] )

非常重要!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved