Modification du texte d'un élément via jQuery

Dans les leçons précédentes, nous avons appris à obtenir un groupe d'éléments via jQuery et nous avons même vu quelques exemples d'utilisation des méthodes. Maintenant, analysons-les plus en détail. Dans cette leçon, nous apprendrons à changer le texte d'un élément à l'aide de deux méthodes : html et text.

Résolvons le problème suivant : obtenons tous les éléments avec la classe www et changeons simultanément le texte de tous en '!!!'. Supposons que nous ayons le code HTML suivant :

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

Alors le code JavaScript ressemblera à ceci :

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

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

Avec jQuery, ce sera beaucoup plus simple : obtenons tous les éléments en utilisant le dollar, comme ceci : $('.www'), puis appliquons-leur la méthode html, qui accepte en paramètre le nouveau texte - $('.www').html('new text'). C'est tout ! Cette ligne de code fera tout le travail sans aucune boucle ni autre bêtise. Lancez l'exemple et voyez par vous-même :

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

Pour tous les h3, en utilisant la méthode html, définissez le texte sur '!!!'.