closest နည်းလမ်း

closest နည်းလမ်းသည် နည်းလမ်း၏ parameter ဖြင့်ပေးထားသော selector နှင့် ကိုက်ညီသည့် အနီးဆုံး မိဘ element ကို ရှာဖွေပေးသည်။ ဤ နည်းလမ်းသည် parent နည်းလမ်းနှင့် ဆင်တူသည်။ ရှာဖွေမှုကို ဤသို့ပြုလုပ်သည်- ပထမဆုံး element ၏ တိုက်ရိုက် မိဘကို စစ်ဆေးပြီး၊ ထို့နောက် အဖေကြီး၊ အဖေကြီး၏အဖေကြီး အစရှိသဖြင့် အမြစ် element အထိ (ဆိုလိုသည်မှာ html tag အထိ) ဆက်လက်စစ်ဆေးသည်။

ဖွဲ့စည်းပုံ

Selector သည် DOM element၊ expression သို့မဟုတ် jQuery object ဖြစ်နိုင်သည်။ ရှာဖွေမှုကို parameter အဖြစ်ပေးပို့ထားသော DOM element မှစတင်သည်-

.closest(selector);

ဒုတိယ parameter အဖြစ် DOM element ကိုလည်း ပေးပို့နိုင်သည်၊ ထိုအခါ ရှာဖွေမှုကို ထို element အတွင်း၌ ပြုလုပ်မည်-

.closest(selector, context);

ဥပမာ

#test id ရှိသော element အတွက် www class ရှိသည့် အနီးဆုံးမိဘကို ရှာဖွေပြီး ထို element ၏ အစတွင် '!' စာသားပါသော အပိုဒ်တစ်ခုကို ထည့်သွင်းကာ၊ အဆုံးတွင် '?' စာသားပါသော အပိုဒ်တစ်ခုကို ထည့်သွင်းကြည့်ရအောင်-

<div>
	<div class="www">
		<div>
			<p id="test">စာသား</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML code သည် ဤသို့ပုံစံဖြစ်လာမည်-

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">စာသား</p>
		</div>
		<p>?</p>
	</div>
</div>

ဤအကြောင်းကိုလည်း ကြည့်ရှုပါ

parent နည်းလမ်း,
သည် element ၏ တိုက်ရိုက်မိဘကို ရရှိစေနိုင်သည်
parents နည်းလမ်း,
သည် element ၏ မိဘအားလုံးကို ရရှိစေနိုင်သည်
parentsUntil နည်းလမ်း,
သည် element ၏ မိဘအားလုံးကို သတ်မှတ်ထားသောမိဘအထိ ရရှိစေနိုင်သည်
JavaScript နည်းလမ်း closest,
သည် အနီးဆုံး မိဘ element ကို ရရှိစေနိုင်သည်