Změna textu elementu pomocí jQuery

V předchozích lekcích jsme se naučili získat skupinu elementů pomocí jQuery a dokonce jsme viděli některé příklady práce s metodami. Nyní si je rozebereme podrobněji. V této lekci se naučíme měnit text elementu pomocí dvou metod: html a text.

Vyřešme následující úkol: získáme všechny elementy s třídou www a současně změníme všem text na '!!!'. Předpokládejme, že máme následující HTML kód:

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

Potom JavaScript kód bude vypadat následovně:

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

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

Pomocí jQuery to bude mnohem jednodušší: získáme všechny elementy pomocí dolaru, takto: $('.www'), a potom na ně aplikujeme metodu html, který parametrem přijímá nový text - $('.www').html('new text'). Hotovo! Tento řádek vykoná veškerou práci bez jakýchkoliv cyklů a dalších zbytečností. Spusťte příklad a přesvědčte se sami:

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