jQuery တွင် အရာဝတ္ထုများစွာကို ထုပ်ပိုးခြင်း

တွေ့ရှိထားသော အရာဝတ္ထုတစ်ခုစီကို တစ်ခုချင်းစီ ထုပ်ပိုးရန် မလိုအပ်ဘဲ၊ wrapAll method ကိုသုံးကာ အားလုံးကို အတူတကွ ထုပ်ပိုးနိုင်ပါသည်။

HTML ကုဒ်တွင် စာပိုဒ်များ၏ အုပ်စုတစ်ခု ဖော်ပြထားပါသည်။

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

ယခု www class ရှိသော စာပိုဒ်အားလုံးကို ရှာဖွေ၍ တစ်ခုတည်းသော div tag ထဲသို့ ထည့်သွင်းပါမည်။

javascript$('.www').wrapAll('<div></div>');

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

html<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

သတိပြုရန်၊ ထည့်သွင်းမည့် အရာဝတ္ထုများသည် ဘေးချင်းကပ်မနေပါက၊ wrapAll method သည် ပထမဦးစွာ အရာဝတ္ထုများကို တစ်နေရာတည်းသို့ ရွှေ့ပြောင်းပြီးမှ ၎င်းတို့ကို ထည့်သွင်းမည်ဖြစ်သည်။ အောက်ပါ ဥပမာကို ကြည့်ပါ။

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

wrapAll method ကို အသုံးပြုပါမည်။

javascript$('.www').wrapAll('<div></div>');

အဆုံးသတ်တွင် အောက်ပါ HTML ကုဒ်ကို ရရှိပါမည်။

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

အရာဝတ္ထုများကို ထည့်သွင်းသည့် method များသည် အရာဝတ္ထုစုရှိ အရာတစ်ခုစီအတွက် function တစ်ခုကို အသုံးပြုနိုင်သည့် အခွင့်အလမ်းကိုလည်း ပံ့ပိုးပေးထားပါသည်။