Տարրի տեքստը փոխել 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 մեթոդի միջոցով տվեք '!!!' տեքստը: