parent နည်းလမ်း

parent နည်းလမ်းသည် အစိတ်အပိုင်း၏ တိုက်ရိုက်မိဘကို ရယူပေးပါသည်။

ဝါကျဖွဲ့ပုံ

အစိတ်အပိုင်းများအတွက် တိုက်ရိုက်မိဘကို ရယူခြင်း-

.parent();

သတ်မှတ်ထားသော selector နှင့် ကိုက်ညီသည့်အခါမှသာ တိုက်ရိုက်မိဘကို ရွေးချယ်နိုင်ပါသည်-

.parent(selector);

နမူနာ

#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 class ရှိပါက 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 နည်းလမ်း,
selector နှင့် ကိုက်ညီသည့် အနီးဆုံး မိဘအစိတ်အပိုင်းကို ရယူနိုင်စေရန်
parentsUntil နည်းလမ်း,
သတ်မှတ်ထားသော မိဘအထိ အစိတ်အပိုင်း၏ မိဘအားလုံးကို ရယူနိုင်စေရန်
children နည်းလမ်း,
အစိတ်အပိုင်း၏ ကလေးအစိတ်အပိုင်းများကို ရယူနိုင်စေရန်
contents နည်းလမ်း,
အစိတ်အပိုင်း၏ ကလေးအစိတ်အပိုင်းများနှင့် ထိုအစိတ်အပိုင်းအတွင်းရှိ စာသားကို ရယူနိုင်စေရန်