Змяненне тэксту элемента праз jQuery
У папярэдніх уроках мы з вамі навучыліся атрымліваць
групу элементаў праз jQuery і нават бачылі
некаторыя прыклады работы з метадамі. Цяпер
разбярэмся з імі больш падрабязна. У гэтым уроке
мы навучымся мяняць тэкст элемента пры дапамозе двух
метадаў: html і
text.
Вырашим наступную задачу: атрымаем усе элементы
з класам www і адначасова зменім
усім ім тэкст на '!!!'. Хай у нас ёсць
наступны HTML код:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
Тады JavaScript код будзе выглядаць наступным чынам:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].innerHTML = '!!!';
}
Праз jQuery усё будзе нашмат прасцей: атрымаем
усе элементы з дапамогай даляра, вось так:
$('.www'), а потым прымянім да іх метад
html,
які параметрам прымае новы
тэкст - $('.www').html('new text'). Усё! Гэты
радок выканае ўсю працу без усялякіх цыклаў і
іншай лухты. Запусціце прыклад і пераканайцеся ў
гэтым самі:
$('.www').html('!!!');
Усім h3 з дапамогай метаду html
пастаўце тэкст '!!!'.