Ndryshimi i tekstit të elementit përmes jQuery

Në mësimet e mëparshme mësuam të merrnim një grup elementësh përmes jQuery dhe madje pamë disa shembuj të punës me metodat. Tani le t'i shqyrtojmë ato më në detaje. Në këtë mësim do të mësojmë të ndryshojmë tekstin e një elementi duke përdorur dy metoda: html dhe text.

Le të zgjidhim problemin e mëposhtëm: do të marrim të gjithë elementët me klasën www dhe njëkohësisht do t'u ndryshojmë tekstin për të gjithë në '!!!'. Le të themi se kemi kodin HTML të mëposhtëm:

<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

Atëherë kodi JavaScript do të duket si më poshtë:

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

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

Përmes jQuery gjithçka do të jetë shumë më e thjeshtë: do të marrim të gjithë elementët duke përdorur shenjën e dollarit, kështu: $('.www'), dhe pastaj do të aplikojmë metodën html, e cila si parametër pranon tekstin e ri - $('.www').html('new text'). Kaq! Kjo rresht do të kryejë të gjithë punën pa asnjë lloj ciklesh dhe gjëra të tjera të kotë. Ekzekutoni shembullin dhe bindeni vetë:

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

Të gjithë h3 me ndihmën e metodës html vendosni tekstin '!!!'.