jQuery သုံး၍ element ၏စာသားကိုပြောင်းလဲခြင်း

ယခင်သင်ခန်းစာများတွင် jQuery မှ element အစုတစ်ခုကိုရယူခြင်းနှင့် method များကိုအသုံးပြုသည့်ဥပမာအချို့ကိုတောင်မြင်ခဲ့ကြရပါပြီ။ ယခုအခါ ၎င်းတို့ကိုအသေးစိတ်လေ့လာကြမည်။ ဤသင်ခန်းစာတွင် method နှစ်မျိုးဖြစ်သော html နှင့် text တို့ကိုသုံး၍ element ၏စာသားကိုပြောင်းလဲခြင်းကိုသင်ကြမည်။

အောက်ပါပြဿနာကိုဖြေရှင်းကြမည် - class www ရှိသော element အားလုံးကိုရယူကာ ၎င်းတို့အားလုံး၏စာသားကို '!!!' အဖြစ်သို့ပြောင်းလဲပါမည်။ ကျွန်ုပ်တို့တွင် အောက်ပါ HTML code ရှိသည်ဆိုပါစို့-

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

ထိုအခါ JavaScript code သည်အောက်ပါအတိုင်းဖြစ်လိမ့်မည်-

let elems = document.getElementsByClassName('www');

for (let i = 0; i < elems.length; i++) {
	elems[i].innerHTML = '!!!';
}

jQuery ဖြင့်ဆိုလျှင် အလွန်ပိုမိုလွယ်ကူမည် - ဒေါ်လာ sign ကိုသုံး၍ element အားလုံးကိုရယူပါ၊ ဤသို့ဖြစ်သည်- $('.www')၊ ထို့နောက် ၎င်းတို့အား html method ကိုအသုံးပြုပါ။ ဤ method သည် parameter အဖြစ်စာသားအသစ်ကိုလက်ခံသည် - $('.www').html('စာသားအသစ်')။ ပြီးပြီ! ဤစာကြောင်းတစ်ကြောင်းသည် loop များနှင့် အခြားအပိုအလုပ်များမလိုဘဲ အလုပ်အားလုံးကိုလုပ်ဆောင်ပေးလိမ့်မည်။ ဥပမာကိုဖွင့်၍ ကိုယ်တိုင်သိရှိပါ-

$('.www').html('!!!');

h3 အားလုံးအား html method ကိုသုံး၍ '!!!' စာသားကိုထည့်ပေးပါ။