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

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

ফলাফল





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