Kaedah index dalam jQuery

Jika kita perlu mencari nombor elemen dalam set, maka kita boleh menggunakan kaedah index.

Kita boleh output nombor kedudukan elemen berbanding dengan elemen bersebelahan. Contohnya, kita ada senarai bernombor:

<ol>
	<li>text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

Dengan kaedah index kita akan output nombor div:

let num = $('div').index();
alert(num);

Anda juga boleh menghantar pemilih secara tambahan. Pertimbangkan kod HTML berikut:

<ol>
	<li id="first">text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

Sekarang selain nama tag elemen kami menghantar nama id dalam parameter:

let num = $('li').index($('#test'));
alert(num);

Jika elemen sedemikian tidak ditemui, kaedah akan mengembalikan -1.

Dapatkan nombor li dengan #test menggunakan hanya nama tag elemen.

Dapatkan nombor li dengan #first, dengan menyatakan nama pemilih juga.