জেকুয়েরি বিবিধ index() মেথড
সংজ্ঞা এবং ব্যবহার
index() মেথড অন্যান্য নির্দিষ্ট উপাদানের সাপেক্ষে নির্দিষ্ট এলিমেন্টের ইন্ডেক্স পজিশন রিটার্ন করে।
এলিমেন্ট জেকুয়েরি সিলেক্টর অথবা ডোম দ্বারা নির্দিষ্ট করা যেতে পারে।
নোট: যদি এলিমেন্ট খুজে না পাওয়া যায়, index() -1 রিটার্ন করবে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).index()
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে index() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| element | ঐচ্ছিক। ইন্ডেক্স পজিশন পেতে এলিমেন্টকে নির্দেশ করে। এলিমেন্ট অথবা জেকুয়েরি সিলেক্টর হতে পারে। |
index() মেথড সংক্রান্ত উদাহরণ
সিবলিংয়ের সাপেক্ষে প্রথম মিলকৃত এলিমেন্টের ইন্ডেক্স
সিবলিংয়ের সাপেক্ষে ক্লিককৃত <li> এলিমেন্টের ইন্ডেক্স নিচের উদাহরনে দেখানো হল
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>sss
$(document).ready(function(){
$("li").click(function(){
alert($(this).index());
});
});
</script>
</head>
<body>
<p>সিবলিং এলিমেন্টের সাথে সম্পর্কিত ইনডেক্স পজিশন পেতে লিস্ট আইটেমে ক্লিক করুন।</p>
<ul>
<li>কফি</li>
<li>চা</li>
<li>দুধ</li>
</ul>
</body>
</html>
ফলাফল
সিলেক্টরের সাপেক্ষে একটি এলিমেন্টের ইন্ডেক্স
এলিমেন্ট জেকুয়েরি সিলেক্টর অথবা ডোম দ্বারা নির্দিষ্ট করা যেতে পারে।
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($(".hot").index($("#test")));
});
});
</script>
</head>
<body>
<p>id="test"এর মধ্যে বাটনটিতে ক্লিক করে indexing করা হয়, যা jQuery সিলেক্টরের সাথে মিল পাওয়া যায়। </p>
<button>সূচক দেখুন</button>
<ul>
<li>দুধ</li>
<li class="hot">চা</li>
<li class="hot" id="test">কফি</li>
</ul>
</body>
</html>
ফলাফল