জেকুয়েরি first() মেথড
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
first() মেথড নির্বাচিত এলিমেন্টের প্রথম এলিমেন্টকে রিটার্ন করে।
টিপস: নির্বাচিত এলিমেন্টের শেষ এলিমেন্টকে রিটার্ন করতে last() মেথড ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).detach()$(selector).first()
first()মেথড সংক্রান্ত উদাহরণ
কিভাবে প্রথম <div> এলিমেন্টের প্রথম <p> এলিমেন্টকে সিলেক্ট করা হয় তা নিচের উদাহরনে দেখানো হলো
উদাহরণ
<!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(){
$("div p").first().css("background-color", "lightblue");
});
</script>
</head>
<body>
<h2>আমাদের হোমপেইজে আপনাকে স্বাগতম</h2>
<div style="border:1px solid black">
<p> এটি একটি p এলিমেন্ট</p>
<p>এটি একটি p এলিমেন্ট</p>
</div><br>
<div style="border:1px solid black">
<p> এটি একটি p এলিমেন্ট</p>
<p> এটি একটি p এলিমেন্ট</p>
</div>
<p> এটিও একটি p এলিমেন্ট</p>
</body>
</html>
ফলাফল
একসেট <p> এলিমেন্টের মধ্যের প্রথম <span> এলিমেন্টকে সিলেক্ট
কিভাবে একসেট <p> এলিমেন্টের মধ্যের প্রথম <span> এলিমেন্টকে সিলেক্ট করা যায় তা নিচের উদাহরনে দেখানো হলো।
উদাহরণঃ১
<!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 span").first().css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমাদের হোমপেইজে স্বাগতম।</h1>
<p>আমার <span>নাম</span>তামিম</p>
<p>আমি<span>রাজশাহী</span>বাস করি।</p>
<p>আমার <span>প্রিয়</span>বন্ধু গুগল</p>
</body>
</html>
ফলাফল
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ