jQuery_jqueryのindex()の使用分析

この記事では、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] )

とても重要です!