この記事では、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] )
とても重要です!
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
