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:

<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:

let 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:

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

Wszystkim h3 za pomocą metody html ustawcie tekst '!!!'.