⊗jqBsTECh 6 of 113 menu

Змяненне тэксту элемента праз 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 пастаўце тэкст '!!!'.

Беларуская
AfrikaansAzərbaycanБългарскиবাংলাČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы выкарыстоўваем cookie для працы сайта, аналітыкі і персаналізацыі. Апрацоўка дадзеных адбываецца згодна Палітыкай канфідэнцыяльнасці.
прыняць усе наладзіць адхіліць