jQuery တွင် အစိတ်အပိုင်းများ ဖန်တီးခြင်းနှင့် ထုပ်ပိုးခြင်း

Tag ဖြင့် ထုပ်ပိုးမှုမပြုလုပ်မီ စာရွက်စာတမ်းထဲတွင် အစိတ်အပိုင်းကို ကြိုတင်ဖန်တီးနိုင်ပါသည်။ အောက်တွင် ဖော်ပြထားသော စာပိုဒ်များကို '<div></div>' tag များဖြင့် ထုပ်ပိုးကြည့်ပါစို့။

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

ဤသို့လုပ်ဆောင်ရန် document.createElement('div') ကို အသုံးပြု၍ စာရွက်စာတမ်းထဲတွင် အစိတ်အပိုင်းကို ကြိုတင်ဖန်တီးနိုင်ပါသည်။

$('.www').wrap(document.createElement('div'));

သို့မဟုတ်

let div = document.createElement("div");
$('.www').wrap(div);

ပုံစံဖော်ပြချက် '<div></div>' ကဲ့သို့သော tag အမည်တစ်ခုတည်းကိုသာမက ထိုကဲ့သို့သော ဖွဲ့စည်းပုံကိုလည်း parameter အဖြစ် ပေးပို့နိုင်ပါသည်။ ဤကိစ္စတွင် သက်ရောက်မှုသည် အလွန်တူညီပါလိမ့်မည်။

$('.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 ထဲသို့ (ကျွန်ုပ်တို့၏ကိစ္စတွင် '<div>') မည်သည့် attribute များကိုမဆို ရေးသားနိုင်ပြီး၊ ထိုအခါ ထုပ်ပိုးမှုသည် ထို attribute များနှင့်အတူ ပါဝင်လာမည်ဖြစ်သည်။

ကျွန်ုပ်တို့၏ စာပိုဒ်များကို zzz class ပါသော div ဖြင့် ထုပ်ပိုးကြည့်ပါစို့။

$('.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>

h3 တစ်ခုစီကို aaa class ပါသော div ဖြင့် ထုပ်ပိုးပါ။