জেকুয়েরি eq() মেথড
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
eq() মেথড নির্বাচিত এলিমেন্টগুলো থেকে নির্দিষ্ট ইনডেক্স নাম্বারসহ একটি এলিমেন্ট রিটার্ন করে।
ইনডেক্স নাম্বার শুরু হয় 0 থেকে, তাই প্রথম এলিমেন্টের ইনডেক্স নাম্বার হবে 0(1 নয়)।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).detach()
$(selector).eq(index)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে eq()
মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
প্যারামিটার | বিবরণ |
---|---|
index | আবশ্যক। এলিমেন্টের ইনডেক্স নাম্বার নির্দেশ করে। এটি পজিটিভ অথবা নেগেটিভ দুটোই হতে পারে। নোট: নেগেটিভ নাম্বার ব্যবহার করলে নির্বাচিত এলিমেন্টের শুরু থেকে গুনার পরিবর্তে শেষ থেকে গুনা শুরু করে। |
eq()মেথড সংক্রান্ত উদাহরণ
দ্বিতীয় <p> এলিমেন্ট সিলেক্ট (ইনডেক্স নাম্বার 1):
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").eq(1).css("background-color", "lightblue");
});
</script>
</head>
<body>
<h1>আমদের হোমপেইজে স্বাগতম।</h1>
<p>আমার নাম মোহাম্মদ (index 0).</p>
<p>হাসান আহমেদ (index 1).</p>
<p>আমি চাঁদপুরে বসবাস করি। (index 2).</p>
<p>আমার প্রিয় বন্ধু অনিক।(index 3).</p>
</body>
</html>
ফলাফল
নেগেটিভ নাম্বারের ব্যবহার
নেগেটিভ নাম্বার ব্যবহার করে, নির্বাচিত এলিমেন্টের শেষের থেকে দু'নাম্বার <p> এলিমেন্টকে কিভাবে রিটার্ন করা যায়।
উদাহরণঃ1
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").eq(-2).css({"background-color": "green", "color": "white"});
});
</script>
</head>
<body>
<h1>আমার হোমপেজে আপনাকে স্বাগতম</h1>
<p>আমার নাম জিহাদ।</p>
<p>জিহাদুল ইসলাম।</p>
<p>আমি চাঁদপুর বাস করি (এটি নির্বাচিত হবে, কারন এটি নির্বাচিত এলিমেন্টের শেষ থেকে দ্বিতীয় এলিমেন্ট)।</p>
<p>আমি ফুটবল খেলতে ভালোবাসি।</p>
</body>
</html>
ফলাফল