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:
<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:
let 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ň:
$('.www').html('!!!');
h3 tegine eýe bolan ähli elementlere html metodu arkaly '!!!' metnini beriň.