Элементтің мәтінін jQuery арқылы өзгерту

Алдыңғы сабақтарда біз jQuery арқылы элементтер тобын қалай алуды үйрендік және тіпті әдістермен жұмыс істеудің кейбір мысалдарын көрдік. Енді олармен толығырақ танысайық. Бұл сабақта біз элементтің мәтінін екі әдіс көмегімен өзгертуді үйренеміз: html және text.

Келесі есепті шешейік: www класы бар барлық элементтерді алайық және олардың барлығына бір уақытта мәтінді '!!!' дегенге өзгертейік. Бізде келесі HTML коды бар делік:

html<p class="www">мәтін</p>
<p class="www">мәтін</p>
<p class="www">мәтін</p>
<p>мәтін</p>

Сонда JavaScript коды келесідей болады:

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

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

jQuery арқылы бәрі әлдеқайда оңай: біз элементтерді доллар арқылы аламыз, мынаны жазамыз: $('.www'), содан кейін оларға html әдісін қолданамыз, ол параметр ретінде жаңа мәтінді қабылдайды - $('.www').html('жаңа мәтін'). Барлығы! Бұл жол циклдар мен басқа да қажетсіз нәрселерсіз бүкіл жұмысты орындайды. Мысалды іске қосыңыз да өз көзіңізбен көріңіз:

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