append နည်းလမ်း
append နည်းလမ်းသည် အစိတ်အပိုင်းတစ်ခု၏ အဆုံးတွင်
စာသားထည့်သွင်းပေးသည်။ အလားတူအလုပ်လုပ်သော
appendTo
ဆိုသည့်နည်းလမ်းလည်း ရှိပါသည်။
ဝါကျဖွဲ့ပုံ
အစိတ်အပိုင်းတစ်ခု၏ အဆုံးတွင် စာသားထည့်သွင်းခြင်း-
$(selector).append(text);
ရွေးချယ်ထားသောအစိတ်အပိုင်းများ၏ အဆုံးတွင် အသုံးပြုသူပိုင်ဖန်ရှင်တစ်ခုမှ ပြန်ပေးသော စာသားကို ထည့်သွင်းနိုင်သည်။ ဖန်ရှင်ကို ရွေးချယ်ထားသော အစိတ်အပိုင်းတစ်ခုချင်းစီအတွက် ခွဲခွဲခေါ်ယူသည်။ ခေါ်ယူသည့်အခါ ၎င်းအား အောက်ပါသတ်မှတ်ချက်များ ပေးပို့သည်- စုစည်းမှုအတွင်း အစိတ်အပိုင်း၏ နေရာ၊ အစိတ်အပိုင်း၏ လက်ရှိအကြောင်းအရာ-
$(selector).append(function(index in set, current element content));
အကြောင်းအရာသည် သာမန်စာသားသာမက DOM အစိတ်အပိုင်း သို့မဟုတ် jQuery အရာဝတ္ထုလည်း ဖြစ်နိုင်သည်။ ဤအခြေအနေတွင် ထိုအစိတ်အပိုင်းများသည် ၎င်းတို့၏ HTML ကုဒ်အတွင်းရှိ နေရာမှ ပြောင်းရွှေ့သွားမည်ဖြစ်သည်။
ဥပမာ
ပေးထားသောစာပိုဒ်၏ အဆုံးတွင် စာသားထည့်သွင်းကြည့်ရအောင်-
<p id="test">text</p>
$('#test').append('!!!');
HTML ကုဒ်သည် ဤသို့ပုံစံဖြစ်လာမည်-
<p id="test">text!!!</p>
ဥပမာ
ပေးထားသောစာပိုဒ်၏ အဆုံးတွင် တဂ်များပါသော စာသားထည့်သွင်းကြည့်ရအောင်-
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
HTML ကုဒ်သည် ဤသို့ပုံစံဖြစ်လာမည်-
<p id="test">text<b>!!!</b></p>
ဥပမာ
စာပိုဒ်အားလုံးကို ရှာဖွေပြီး ၎င်းတို့တစ်ခုချင်းစီ၏ အဆုံးတွင် စုစည်းမှုအတွင်းရှိ ၎င်း၏ အစဉ်လိုက်နံပါတ်ကို ထားပေးကြည့်ရအောင်-
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
HTML ကုဒ်သည် ဤသို့ပုံစံဖြစ်လာမည်-
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
