wrap နည်းလမ်း
wrap နည်းလမ်းသည်
အစိတ်အပိုင်းများကို သတ်မှတ်ထားသော tag အတွင်း ထည့်သွင်းပေးပါသည်။
Syntax
နည်းလမ်း၏ parameter သည် စာသား (tag များနှင့်အတူ ဖြစ်နိုင်သည်)၊ DOM element သို့မဟုတ် jQuery object ဖြစ်နိုင်ပါသည်။
.wrap(text or tag);
ဤနည်းဖြင့် ရွေးချယ်ထားသော အစိတ်အပိုင်းများကို သုံးစွဲသူ၏ function မှ ပြန်လည်ပေးပို့မည့် အကြောင်းအရာဖြင့် အထပ်ထပ်ထည့်သွင်းပါသည်။ Function ကို ရွေးချယ်ထားသော အစိတ်အပိုင်းတစ်ခုချင်းစီအတွက် တစ်ခုချင်းစီ ခေါ်ယူပြီး set အတွင်းရှိ element ၏ အချက်အလက်အဖြစ် parameter ကို လက်ခံပါသည်။
.wrap(function(အစုအတွင်း နံပါတ်));
နမူနာ
www class ရှိသော စာပိုဒ်အားလုံးကို
div tag ဖြင့် အထပ်ထပ်ထည့်သွင်းကြပါစို့။
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p>စာသား</p>
$('.www').wrap(document.createElement('div'));
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာပါမည်။
<div><p class="www">စာသား</p></div>
<div><p class="www">စာသား</p></div>
<div><p class="www">စာသား</p></div>
<p>စာသား</p>
နမူနာ
Parameter အနေဖြင့် tag အမည်သာမက အောက်ပါတည်ဆောက်ပုံကိုလည်း ပေးပို့နိုင်ပါသည်။
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p>စာသား</p>
$('.www').wrap('<div></div>');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာပါမည်။
<div><p class="www">စာသား</p></div>
<div><p class="www">စာသား</p></div>
<div><p class="www">စာသား</p></div>
<p>စာသား</p>
နမူနာ
ဖွင့်သည့် tag တွင် မည်သည့် attribute မဆို ရေးသားနိုင်ပြီး
ထိုအခါ အထပ်ထည့်ခြင်းသည် ထို attribute များနှင့်အတူ ဖြစ်လာပါမည်။
www class ရှိသော စာပိုဒ်များကို zzz class ရှိသော div ဖြင့်
အထပ်ထပ်ထည့်သွင်းကြပါစို့။
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p class="www">စာသား</p>
<p>စာသား</p>
$('.www').wrap('<div class="zzz"></div>');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာပါမည်။
<div class="zzz"><p class="www">စာသား</p></div>
<div class="zzz"><p class="www">စာသား</p></div>
<div class="zzz"><p class="www">စာသား</p></div>
<p>စာသား</p>
