jQuery-তে index পদ্ধতি

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

শুধুমাত্র উপাদানের ট্যাগ নাম ব্যবহার করে #test সহ li-এর সূচি পান।

একটি সিলেক্টরের নাম উল্লেখ করে #first সহ li-এর সূচি পান।