Verandering van elementteks deur jQuery

In vorige lesse het ons geleer om 'n groep elemente deur jQuery te kry en selfs sommige voorbeelde van werk met metodes gesien. Nou laat ons hulle meer gedetailleerd ondersoek. In hierdie les sal ons leer hoe om die teks van 'n element te verander met behulp van twee metodes: html en text.

Kom ons los die volgende taak op: kry alle elemente met die klas www en verander terselfdertyd die teks vir almal na '!!!'. Kom ons sê ons het die volgende HTML-kode:

<p class="www">teks</p>
<p class="www">teks</p>
<p class="www">teks</p>
<p>teks</p>

Dan sal die JavaScript-kode so lyk:

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

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

Met jQuery sal alles baie makliker wees: kry alle elemente met die dollar-teken, so: $('.www'), en pas dan die metode html op hulle toe, wat die nuwe teks as parameter aanvaar - $('.www').html('nuwe teks'). Dit is dit! Hierdie reël sal al die werk doen sonder enige lusse of ander nonsens. Laai die voorbeeld en oortuig jouself daarvan:

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

Plaas teks '!!!' vir alle h3 deur die metode html te gebruik.