Тағйири матни элемент тавассути jQuery
Дар дарсҳои гузашта мо гирифтани
guruhи элементҳоро тавассути jQuery омӯхтем
ва ҳатто баъзе мисолҳои кор бо усулҳоро дидем.
Ҳоло бо онҳо муфассалтар шинос мешавем. Дар ин дарс
мо тағйир додани матни элементро бо ёрии ду
усул меомӯзем: html ва
text.
Масъалаи зеринро ҳал мекунем: ҳамаи элементҳоеро
бо синфи www гирифта ва ҳамзамон матни
ҳамаашонро ба '!!!' иваз мекунем.
Бигзор мо рамзи HTML-и зеринро дошта бошем:
<p class="www">матн</p>
<p class="www">матн</p>
<p class="www">матн</p>
<p>матн</p>
Пас рамзи JavaScript ба таври зерин хоҳад буд:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].innerHTML = '!!!';
}
Тавассути jQuery ҳама чиз хеле содатар хоҳад буд:
ҳамаи элементҳоро бо ёрии аломати доллар мегирем, ин тавр:
$('.www'), сипас ба онҳо усули
html-ро мезанем,
ки параметраш матни навро қабул мекунад - $('.www').html('матни нав').
Ҳама! Ин сатр ҳамаи корро бе ягон давр ва
дигар беҳудагӣ иҷро мекунад. Мисолро оғоз кунед ва худ боварӣ ҳосил кунед:
$('.www').html('!!!');
Ба ҳамаи h3 бо усули html
матни '!!!'-ро гузоред.