jQuery তে :has সিউডোক্লাস

সিউডোক্লাস has তাদের বিষয়বস্তু অনুযায়ী উপাদান নির্বাচন করে। একটি উদাহরণ দেখা যাক। ধরুন আমাদের কাছে নিম্নলিখিত HTML কোড রয়েছে:

html<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>

উদাহরণস্বরূপ, যেসব অনুচ্ছেদের ভিতরে b ট্যাগ আছে সেগুলো নির্বাচন করি:

javascript$('p:has(b)');

খেয়াল করুন যে উদাহরণে প্রথম এবং দ্বিতীয় উভয় অনুচ্ছেদই নির্বাচিত হবে, যদিও দ্বিতীয় অনুচ্ছেদে b ট্যাগটি সরাসরি p এর ভিতরে নেই, বরং প্রথমে i এর ভিতরে রয়েছে।

আপনার যদি সরাসরি নেস্টিং এর প্রয়োজন হয়, তাহলে এভাবে করতে হবে:

javascript$('p:has(>b)');

এই ক্ষেত্রে শুধুমাত্র প্রথম অনুচ্ছেদটি নির্বাচিত হবে।

Задание 1

সমস্ত h2 যা i ট্যাগ ধারণ করে সেগুলো পান এবং লাল রঙ করুন।

Задание 2

সমস্ত h2 যা সরাসরি i ট্যাগ ধারণ করে সেগুলো পান এবং লাল রঙ করুন।