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