after နည်းလမ်း
after နည်းလမ်းသည် သတ်မှတ်ထားသော
အစိတ်အပိုင်းတစ်ခုရဲ့ နောက်မှာ စာသားကို
ထည့်သွင်းပေးပါတယ်။ ထိုနည်းတူ အလုပ်လုပ်သော
insertAfter
ဆိုတဲ့ နည်းလမ်းလည်း ရှိပါတယ်။
ဝါကျဖွဲ့ထုံး
အစိတ်အပိုင်းတစ်ခုရဲ့ နောက်မှာ စာသားထည့်သွင်းခြင်း:
$(selector).after(text);
ဒီလိုဆိုရင် ရွေးချယ်ထားတဲ့ အစိတ်အပိုင်းတွေရဲ့ နောက်မှာ သုံးစွဲသူပုဂ္ဂိုလ်ရေး function ကနေ ပြန်လာတဲ့ စာသားတွေ ထည့်သွင်းပေးပါလိမ့်မယ်။ Function ကို ရွေးချယ်ထားတဲ့ အစိတ်အပိုင်းတစ်ခုစီအတွက် သီးသန့်ခေါ်ယူပါတယ်။ ဒီ function ရဲ့ ပထမပေးရန်တန်ဖိုးမှာ ရွေးချယ်ထားတဲ့ အစိတ်အပိုင်းတွေရဲ့ အစဉ်လိုက် အမှတ်စဉ် (တစ်ခုချင်းစီ) ဝင်လာပြီး၊ ဒုတိယပေးရန်တန်ဖိုးမှာ အဲဒီအစိတ်အပိုင်းရဲ့ လက်ရှိပါဝင်သည်များ ဝင်လာပါတယ်:
$(selector).after(function(index, currentHtml));
စာသားဆိုတာ သာမန်စာသားတင်မကဘဲ DOM အစိတ်အပိုင်း ဒါမှမဟုတ် jQuery object လည်း ဖြစ်နိုင်ပါတယ်။ ဒီလိုအခြေအနေမှာ ဒီအစိတ်အပိုင်းတွေဟာ သူတို့ရဲ့ HTML ကုဒ်အတွင်းက နေရာကနေ ရွှေ့ပြောင်းသွားပါလိမ့်မယ်။
နမူနာ
သတ်မှတ်ထားတဲ့ စာပိုဒ်ရဲ့ နောက်မှာ စာသားထည့်သွင်းကြည့်ရအောင်:
<p id="test">text</p>
$('#test').after('!!!');
HTML ကုဒ်က ဒီလိုပုံစံဖြစ်သွားပါလိမ့်မယ်:
<p id="test">text</p>!!!
နမူနာ
သတ်မှတ်ထားတဲ့ စာပိုဒ်ရဲ့ နောက်မှာ tag တွေပါတဲ့ စာသားထည့်သွင်းကြည့်ရအောင်:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML ကုဒ်က ဒီလိုပုံစံဖြစ်သွားပါလိမ့်မယ်:
<p id="test">text</p><p>!!!</p>
နမူနာ
စာပိုဒ်တစ်ခုကို အခြားစာပိုဒ်တစ်ခုရဲ့ အောက်ကို ရွှေ့ကြည့်ရအောင် (ဆိုလိုတာက စာပိုဒ်ကို အဟောင်းနေရာကနေ ဖြတ်ထုတ်ပြီး အသစ်နေရာမှာ ထားခြင်း):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML ကုဒ်က ဒီလိုပုံစံဖြစ်သွားပါလိမ့်မယ်:
<p id="p2">text2</p>
<p id="p1">text1</p>
ဒါတွေလဲ ကြည့်ပါ
-
insertAfterနည်းလမ်း,
အဲဒါက သတ်မှတ်ထားသော အစိတ်အပိုင်းတစ်ခုရဲ့ နောက်မှာ စာသားထည့်သွင်းပေးပါတယ် -
before,append,prepend,
ဆိုတဲ့ နည်းလမ်းတွေဟာ စာမျက်နှာပေါ်က သတ်မှတ်ထားသော နေရာတစ်ခုမှာ ပါဝင်သည်များကို ထည့်သွင်းခွင့်ပေးပါတယ် -
cloneနည်းလမ်း,
အဲဒါက ရွေးချယ်ထားသော အစိတ်အပိုင်းတွေရဲ့ ပုံတူပွားတွေ ဖန်တီးပေးပါတယ်
