jQuery ရှိ index method

အကယ်၍ set ထဲမှာ element တစ်ခုရဲ့ အမှတ်စဉ်ကို ရှာဖွေရန် လိုအပ်ပါက၊ index method ကို အသုံးပြုနိုင်ပါတယ်။

element တစ်ခုရဲ့ အနီးအနားရှိ element တွေနဲ့ နှိုင်းယှဉ်ပြီး သူ့ရဲ့အနေအထားအမှတ်ကို ထုတ်ပြနိုင်ပါတယ်။ ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့မှာ နံပါတ်တပ်ထားသော စာရင်း ရှိသည်-

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

index method ကို အသုံးပြုပြီး div ရဲ့ အမှတ်စဉ်ကို အခု ထုတ်ပြပါမယ်-

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

ထပ်ဆင့် selector ကိုလည်း ပို့ဆောင်ပေးနိုင်ပါတယ်။ အောက်ပါ HTML code ကို ကြည့်ရအောင်-

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

ယခု element ၏ tag အမည်အပြင် parameter များထဲတွင် id အမည်ကိုလည်း ပို့ဆောင်ပါမယ်-

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

အကယ်၍ ထို element ကို ရှာမတွေ့ပါက၊ method က -1 ကို ပြန်ပေးပါလိမ့်မယ်။

Задание 1

element ၏ tag အမည်ကိုသာ အသုံးပြု၍ #test ပါသော li ၏ အမှတ်စဉ်ကို ရယူပါ။

Задание 2

selector အမည်ကိုပါ ဖော်ပြခြင်းဖြင့် #first ပါသော li ၏ အမှတ်စဉ်ကို ရယူပါ။