jQuery-তে index পদ্ধতি

যদি আমাদের একটি সেটে একটি উপাদানের সূচি খুঁজে বের করতে হয়, তবে আমরা 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 ফেরত দেবে।