জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি 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>
 

ফলাফল





« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ