জেকুয়েরি has() মেথড
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ
সংজ্ঞা এবং ব্যবহার
has() মেথড নির্দিষ্ট এলিমেন্টযুক্ত সকল এলিমেন্টকে রিটার্ন করে।
টিপস: একাধিক এলিমেন্টযুক্ত এলিমেন্টকে সিলেক্ট করতে কমা(,) ব্যবহার করুন।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).detach()$(selector).has(element)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে has() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| element | আবশ্যক। একটি এলিমেন্ট বা সিলেক্টর এক্সপ্রেশন নির্দেশ করে যার উপর নির্ভর করে এলিমেন্টকে খোঁজা হবে। |
has()মেথড সংক্রান্ত উদাহরণ
নিচের উদাহরনে যেসকল <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").has("span").css("background-color", "lime");
});
</script>
</head>
<body>
<h2>আমাদের হোমপেজে আপনাকে স্বাগতম!!!</h2>
<p>আমার <span>নাম</span> ফয়সাল।</p>
<p>আমি <span>চাঁদপুরে</span> বাস করি।</p>
<p>আমি অনার্স ৪র্থ বর্ষে পড়ি।</p>
</body>
</html>
ফলাফল
একাধিক এলিমেন্টযুক্ত এলিমেন্ট রিটার্ন
কিভাবে একাধিক এলিমেন্টযুক্ত একটি এলিমেন্টকে রিটার্ন করা যায় তা নিচের উদাহরনে দেখানো হলো
উদাহরণঃ
<!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").has("b,span").css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমার হোমপেইজে স্বাগতম</h1>
<p>আমার <span>নাম</span> ইমরান</p>
<p>আমি <span>চাঁদপুরে</span> থাকি।</p>
<p>আমার ঘনিষ্ঠ বন্ধুর নাম <b>মুন্না</b>।</p>
<p>এই উদাহরণে, যেসব p এলিমেন্ট স্পেন করা হয়েছে এবং এর মধ্যে যেসব b এলিমেন্ট আছে, আমরা সেগুলো সিলেক্ট করবো।</p>
</body>
</html>
ফলাফল
<span> এলিমেন্টযুক্ত সকল <p>, <h3> এবং <div> এলিমেন্টকে রিটার্ন
কিভাবে <span> এলিমেন্টযুক্ত সকল <p>, <h3> এবং <div> এলিমেন্টকে রিটার্ন করা যায়।
লিঙ্কযুক্ত এলিমেন্টকে রিটার্ন করি
কিভাবে লিঙ্কযুক্ত একটি <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").has("a[href]").css("background-color", "aqua");
});
</script>
</head>
<body>
<h1>আমার হোমপেইজে স্বাগতম</h1>
<p>আমার <span>নাম</span> ইমরান</p>
<p>আমি <span><a href="../index.html">চাঁদপুরে</a></span> থাকি। আমার এখানে বেড়াতে এসো!</p>
<p> মুন্না আমার <span>ঘনিষ্ঠ</span> বন্ধু।</p>
</body>
</html>
ফলাফল
« জেকুয়েরি ট্রাভার্সিং মেথডসমূহ