jQuery arkaly element metnini üýtgetmek

Öňki sapaklarda biz jQuery arkaly elementler toparyny nädip alyp biljekdigimizi öwrendik we hatda metodlar bilen işleýän käbir mysallary hem gördik. Indi olary has jikme-jik öwreneris. Bu sapakda biz iki metod arkaly element metnini üýtgetmek öwreneris: html we text.

Indiki meseläni çözeris: "www" klasly ähli elementleri alyp, olaryň hemmesiniň metnini "!!!"-a üýtgederis. Bizde indiki HTML kody bar bolsun:

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

Onda JavaScript kody şeýle görüner:

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

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

JQuery arkaly bu ähli zat has aňsat bolar: dollaryň kömegi bilen ähli elementleri alyp, şeýle: $('.www'), soňra olara html metodyny ulanarys, bu metod parametr hökmünde täze metni kabul edýär - $('.www').html('new text'). Hepdel! Bu setir hiç hili aýlawlar we başga boş zatlar bolmazdan ähli işi ýerine ýetirer. Mysaly işlediň we özüňiz göriň:

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