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