在 jQuery 中,我們可以通過一些特殊的選擇器來獲取某個元素的序號,比如:eq()
、.index()
等。下面我們來分別介紹一下這兩種方法。
:eq()
選擇器可以用于獲取指定索引位置上的元素,其用法如下:
$('selector:eq(index)');
其中,selector
表示要選擇的元素,index
表示要獲取的元素的索引值,索引值從 0 開始計算。例如,下面的代碼可以獲取第三個<li>
元素:
$('li:eq(2)');
.index()
方法則可以用于獲取當前元素在其兄弟元素中的索引位置,其用法如下:
$('selector').index();
例如,下面的代碼可以獲取當前選中的<li>
元素在它所有兄弟元素中的位置:
$('li').click(function() {
var index = $(this).index();
console.log(index);
});
注意,如果元素不存在于其兄弟元素中,則返回 -1。