วิธีการ index ใน jQuery

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

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

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

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

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

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

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

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

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

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