parent মেথড

parent মেথডটি একটি এলিমেন্টের সরাসরি প্যারেন্ট প্রাপ্ত করে।

সিনট্যাক্স

এলিমেন্টগুলির জন্য সরাসরি প্যারেন্ট প্রাপ্তি:

.parent();

সরাসরি প্যারেন্টকেও নির্বাচন করা যাবে, শুধুমাত্র যদি এটি প্রদত্ত সিলেক্টরকে সন্তুষ্ট করে:

.parent(সিলেক্টর);

উদাহরণ

আসুন #test এলিমেন্টটি খুঁজে বের করি, তারপর parent ব্যবহার করে এর প্যারেন্ট খুঁজে বের করি এবং html ব্যবহার করে এটিতে '!' টেক্সট সেট করি:

<p>বাইরে</p>
<div>
	<p>ভিতরে</p>
	<p>ভিতরে</p>
	<p id="test">ভিতরে</p>
	<p>ভিতরে</p>
	<p>ভিতরে</p>
</div>
<p>বাইরে</p>

$('#test').parent().html('!');

HTML কোডটি এইরকম দেখাবে:

<p>বাইরে</p>
<div>
	!
</div>
<p>বাইরে</p>

উদাহরণ

আসুন #test এলিমেন্টটি খুঁজে বের করি, তারপর parent ব্যবহার করে এর প্যারেন্ট খুঁজে বের করি এবং, যদি এই প্যারেন্টটি div হয় www ক্লাস সহ, তাহলে html ব্যবহার করে এটিতে '!' টেক্সট সেট করি:

<p>বাইরে</p>
<div class="www">
	<p>ভিতরে</p>
	<p>ভিতরে</p>
	<p id="test">ভিতরে</p>
	<p>ভিতরে</p>
	<p>ভিতরে</p>
</div>
<p>বাইরে</p>

$('#test').parent('div.www').html('!');

HTML কোডটি এইরকম দেখাবে:

<p>বাইরে</p>
<div class="www">
	!
</div>
<p>বাইরে</p>

আরও দেখুন

parents মেথড,
যা একটি এলিমেন্টের সকল প্যারেন্ট প্রাপ্ত করতে সক্ষম করে
closest মেথড,
যা সিলেক্টরকে সন্তুষ্ট করে এমন নিকটতম প্যারেন্ট এলিমেন্ট প্রাপ্ত করতে সক্ষম করে
parentsUntil মেথড,
যা একটি এলিমেন্টের নির্দিষ্ট প্যারেন্ট পর্যন্ত সকল প্যারেন্ট প্রাপ্ত করতে সক্ষম করে
children মেথড,
যা একটি এলিমেন্টের চাইল্ড এলিমেন্টগুলি প্রাপ্ত করতে সক্ষম করে
contents মেথড,
যা একটি এলিমেন্টের চাইল্ড এলিমেন্ট এবং এই এলিমেন্টের ভিতরের টেক্সট প্রাপ্ত করতে সক্ষম করে