Elementin mətnini jQuery vasitəsilə dəyişmək

Əvvəlki dərslərdə biz jQuery vasitəsilə element qrupu necə əldə edilməyini öyrəndik və hətta metodlarla işin bəzi nümunələrini də gördük. İndi isə onları daha ətraflı nəzərdən keçirəcəyik. Bu dərsdə biz iki metod vasitəsilə elementin mətnini necə dəyişməyi öyrənəcəyik: html və text.

Gəlin aşağıdakı məsələni həll edək: www sinfi olan bütün elementləri əldə edək və eyni zamanda onların hamısının mətnini '!!!' ilə dəyişək. Tutaq ki, bizim aşağıdakı HTML kodumuz var:

html<p class="www">mətn</p>
<p class="www">mətn</p>
<p class="www">mətn</p>
<p>mətn</p>

O zaman JavaScript kodu aşağıdakı kimi olacaq:

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

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

jQuery vasitəsilə hər şey daha asan olacaq: elementləri dollar işarəsi ilə əldə edək, belə: $('.www'), sonra isə onlara html metodunu tətbiq edək, hansı ki, parametr kimi yeni mətni qəbul edir - $('.www').html('yeni mətn'). Hamısı! Bu sətir bütün işi heç bir dövrə və başqa cəfəngiyyat olmadan yerinə yetirəcək. Nümunəni işə salın və bunu özünüz əmin olun:

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