siblings နည်းလမ်း

siblings နည်းလမ်းသည် တစ်ခုတည်းသော မိဘတစ်ဦးအတွင်း element ၏ ညီအစ်ကိုညီအစ်မအားလုံးကို ရှာဖွေသည်။

ဝါကျဖွဲ့စည်းပုံ

ညီအစ်ကိုညီအစ်မများကို ရယူခြင်း-

javascript.siblings();

သတ်မှတ်ထားသော selector ဖြင့် ညီအစ်ကိုညီအစ်မများကို စစ်ထုတ်နိုင်သည် (စုစည်းမှုထဲတွင် ၎င်း selector ကို ကျေနပ်စေသော ညီအစ်ကိုညီအစ်မများသာ ကျန်ရှိမည်)။

javascript.siblings(selector);

ဥပမာ

#test element ကို ရှာဖွေကြပြီး ၎င်း၏ ညီအစ်ကိုညီအစ်မအားလုံးကို html နည်းလမ်းဖြင့် '!' စာသားထည့်ပေးကြပါစို့။

html<p>အပြင်ဘက်</p>
<div>
  <p>အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p id="test">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
</div>
<p>အပြင်ဘက်</p>

javascript$('#test').siblings().html('!');

HTML ကုဒ်သည် အောက်ပါအတိုင်း ဖြစ်လာမည်။

html<p>အပြင်ဘက်</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">အတွင်းဘက်</p>
  <p>!</p>
  <p>!</p>
</div>
<p>အပြင်ဘက်</p>

ဥပမာ

#test element ကို ရှာဖွေကြပြီး ၎င်း၏ www class ရှိသော ညီအစ်ကိုညီအစ်မအားလုံးကို html နည်းလမ်းဖြင့် '!' စာသားထည့်ပေးကြပါစို့။

html<p>အပြင်ဘက်</p>
<div>
  <p>အတွင်းဘက်</p>
  <p class="www">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p id="test">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p class="www">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
</div>
<p>အပြင်ဘက်</p>

javascript$('#test').siblings('.www').html('!');

HTML ကုဒ်သည် အောက်ပါအတိုင်း ဖြစ်လာမည်။

html<p>အပြင်ဘက်</p>
<div>
  <p>အတွင်းဘက်</p>
  <p class="www">!</p>
  <p>အတွင်းဘက်</p>
  <p id="test">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p class="www">!</p>
  <p>အတွင်းဘက်</p>
</div>
<p>အပြင်ဘက်</p>

ဒါလဲ ကြည့်ပါ