วิธีการ index ใน jQuery

หากเราจำเป็นต้องหาหมายเลขขององค์ประกอบในชุด เราสามารถใช้วิธีการ index

เราสามารถแสดงหมายเลขตำแหน่งขององค์ประกอบ เทียบกับองค์ประกอบข้างเคียงได้ ตัวอย่างเช่น เรามี รายการลำดับเลข:

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

ด้วยวิธีการ index เราจะแสดงหมายเลขของ div:

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

นอกจากนี้ยังสามารถส่งตัวเลือกเพิ่มเติมได้ ลองพิจารณาโค้ด HTML ต่อไปนี้:

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

ตอนนี้ นอกเหนือจากชื่อแท็กขององค์ประกอบแล้ว เรายังส่งชื่อ id ไปในพารามิเตอร์:

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

หากไม่พบองค์ประกอบดังกล่าว เมธอดจะส่งกลับ -1

รับหมายเลขของ li ที่มี #test โดยใช้เฉพาะชื่อแท็กขององค์ประกอบ

รับหมายเลขของ li ที่มี #first โดยระบุชื่อตัวเลือกเพิ่มเติม