html method
html method သည် element ၏ စာသားကို
ပြောင်းလဲရန်နှင့် tag များနှင့်အတူ ရယူရန် ခွင့်ပြုပါသည်။
Syntax
စာသား ရယူခြင်း:
$(selector).html();
စာသား ပြောင်းလဲခြင်း:
$(selector).html(New Text);
ထပ်ဆောင်း အချက်အလက်များ
html method သည် သတ်မှတ်ထားသော
function တစ်ခုကို set ထဲရှိ element တစ်ခုစီအတွက် အသုံးပြုနိုင်ပါသည်။
ထိုသို့ပြုလုပ်ရာတွင် function သည် ပထမ parameter အဖြစ်
set အတွင်းရှိ element ၏ အစဉ်နံပါတ်ကို ရရှိမည်ဖြစ်ပြီး၊ ဒုတိယ parameter အဖြစ်
- element ၏ လက်ရှိစာသားကို ရရှိမည်ဖြစ်သည်:
$(selector).html(function(Set အတွင်းရှိ အစဉ်နံပါတ်, element ၏ လက်ရှိစာသား));
Function အတွင်းရှိ variable အမည်များသည် မည်သည့်အမည်မဆို ဖြစ်နိုင်ပါသည်။
ဥပမာအားဖြင့်၊ ပထမ parameter အတွက် ကျွန်ုပ်တို့သည်
index ဟူသော အမည်ပေးပါက - ထိုအခါ ကျွန်ုပ်တို့၏ function အတွင်း၌
index variable ကို အသုံးပြုနိုင်မည်ဖြစ်ပြီး၊ ထို variable တွင် function က
လက်ရှိအချိန်တွင် လုပ်ဆောင်နေသော element အတွက် set အတွင်းရှိ အစဉ်နံပါတ် ရှိနေမည်ဖြစ်သည်။
အလားတူပင်၊ ဒုတိယ parameter အတွက် ဥပမာအားဖြင့်၊ value ဟူသော အမည်ပေးပါက - ထိုအခါ
ကျွန်ုပ်တို့၏ function အတွင်း၌ value variable ကို အသုံးပြုနိုင်မည်ဖြစ်ပြီး၊
ထို variable တွင် function က လက်ရှိအချိန်တွင် လုပ်ဆောင်နေသော element ၏ စာသား ရှိနေမည်ဖြစ်သည်:
$(selector).html(function(index, value) {
// ဤနေရာတွင် index နှင့် value variable များ အသုံးပြုနိုင်သည်
});
Element တစ်ခုစီ၏ စာသားသည် function က ၎င်းတို့အတွက် သီးသန့် return ပြန်လာသော တန်ဖိုးသို့ ပြောင်းလဲသွားမည်ဖြစ်သည်။
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph ၏ အတွင်းပိုင်းစာသားကို screen ပေါ်တွင် ဖော်ပြကြည့်ရအောင်:
<p id="test">စာသား</p>
let text = $('#test').html();
alert(text);
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph ၏ အတွင်းပိုင်းစာသားကို ပြောင်းလဲကြည့်ရအောင်:
<p id="test">စာသား1</p>
$('#test').html('စာသား2');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်သွားမည်:
<p id="test">စာသား2</p>
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph ၏ အတွင်းပိုင်းစာသားကို tag များပါသော စာသားသို့ ပြောင်းလဲကြည့်ရအောင်:
<p id="test">စာသား1</p>
$('#test').html('<span>စာသား2</span>');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်သွားမည်:
<p id="test"><span>စာသား2</span></p>
ဥပမာ
Paragraph တစ်ခုစီ၏ နောက်ဆုံးတွင် ၎င်း၏ set အတွင်းရှိ အစဉ်လိုက် နံပါတ်ကို ထည့်သွင်းကြည့်ရအောင်:
<p>စာသား</p>
<p>စာသား</p>
<p>စာသား</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML code သည် အောက်ပါအတိုင်း ဖြစ်သွားမည်:
<p>စာသား 0</p>
<p>စာသား 1</p>
<p>စာသား 2</p>
