closest နည်းလမ်း

closest နည်းလမ်းသည် သတ်မှတ်ထားသော CSS selector နှင့်ကိုက်ညီသည့် အနီးဆုံး parent element ကို ရှာဖွေပေးပြီး၊ ၎င်း element ကိုယ်တိုင်လည်း ရှာဖွေမှုတွင် ပါဝင်ပါသည်။

Syntax

javascriptelement.closest('selector');

ဥပမာ

Element ၏ parent များထဲမှ www class ရှိသော element ကို ရှာကြည့်ရအောင်။

html<div class="www" id="parent2">
  <div class="ggg" id="parent1">
    <p class="zzz" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');

console.log(parent.id);

Code ကို run လိုက်သည့် အဖြေ။

javascript'parent2'

ဥပမာ

Element ၏ parent များထဲမှ www class ရှိသော element ကို ရှာကြည့်ရအောင်။ ရလဒ်အနေဖြင့် ၎င်း element ကိုယ်တိုင်ကိုပင် ရပါမည်။ အဘယ်ကြောင့်ဆိုသော် ၎င်းတွင် ထို class ရှိနေသောကြောင့်ဖြစ်သည်။

html<div class="www" id="parent2">
  <div class="www" id="parent1">
    <p class="www" id="child"></p>
  </div>
</div>

javascriptlet elem = document.querySelector('#child');
let parent = elem.closest('.www');
console.log(parent.id);

Code ကို run လိုက်သည့် အဖြေ။

javascript'child'

ဆက်လက်ဖတ်ရှုရန်