jQuery-তে parent মেথড
আমরা ইতিমধ্যে parent মেথডটি নিয়ে কিছুটা আলোচনা করেছি,
যখন আমরা parent সিউডোক্লাস নিয়ে আলোচনা করেছিলাম।
আমাদের মনে করিয়ে দিই, যে parent মেথড এবং parent সিলেক্টর
ভিন্ন কাজ করে, প্রথমটি এলিমেন্টের প্যারেন্ট খুঁজে পায়, এবং
দ্বিতীয়টি সকল নন-এমটি এলিমেন্ট (যেগুলো প্যারেন্ট) খুঁজে পায়।
নিচের উদাহরণে আমরা #test এলিমেন্টটি খুঁজে পাব,
তারপর parent ব্যবহার করে এর প্যারেন্ট খুঁজে পাব
এবং এটিকে '!' টেক্সট সেট করব। আমাদের কাছে নিচের এই
HTML কোড আছে:
<p>outside</p>
<div>
<p>inside</p>
<p>inside</p>
<p id="test">inside</p>
<p>inside</p>
<p>inside</p>
</div>
<p>outside</p>
এবং এখন আমরা Javascript কোডে parent মেথডটি লিখি:
$('#test').parent().html('!');
ভুলে যাবেন না যে এই মেথডে আপনি অতিরিক্ত ফিল্টার করার জন্য একটি সিলেক্টর পাস করতে পারেন।
www ক্লাস যুক্ত এলিমেন্টের প্যারেন্ট
খুঁজে বের করুন এবং এটিকে লাল
রং করুন।
সকল b ট্যাগের প্যারেন্ট খুঁজে বের করুন
এবং সেগুলোকে লাল রং করুন।
সকল b ট্যাগের প্যারেন্ট খুঁজে বের করুন, এবং যেগুলোর
test ক্লাস আছে সেগুলোকে
লাল রং করুন।