Zmiana tekstu elementu poprzez jQuery

W poprzednich lekcjach nauczyliśmy się pobierać grupę elementów poprzez jQuery i nawet widzieliśmy niektóre przykłady pracy z metodami. Teraz rozpoczniemy z nimi bardziej szczegółowo. W tej lekcji nauczymy się zmieniać tekst elementu przy pomocy dwóch metod: html i text.

Rozwiążmy następujące zadanie: pobierzmy wszystkie elementy z klasą www i jednocześnie zmieńmy wszystkim im tekst na '!!!'. Niech mamy następujący kod HTML:

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

Wtedy kod JavaScript będzie wyglądał następująco:

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

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

Przez jQuery wszystko będzie znacznie prościej: pobierzmy wszystkie elementy za pomocą dolara, w ten sposób: $('.www'), a potem zastosujmy do nich metodę html, która parametrem przyjmuje nowy tekst - $('.www').html('new text'). Wszystko! Ten wiersz wykona całą pracę bez żadnych pętli i innych bzdur. Uruchomcie przykład i przekonajcie się o tym sami:

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