Αλλαγή κειμένου στοιχείου μέσω jQuery

Στα προηγούμενα μαθήματα μάθαμε να λαμβάνουμε μια ομάδα στοιχείων μέσω jQuery και ακόμη είδαμε μερικά παραδείγματα εργασίας με μεθόδους. Τώρα ας τα εξετάσουμε πιο λεπτομερώς. Σε αυτό το μάθημα θα μάθουμε να αλλάζουμε το κείμενο ενός στοιχείου χρησιμοποιώντας δύο μεθόδους: html και text.

Ας λύσουμε το ακόλουθο πρόβλημα: θα λάβουμε όλα τα στοιχεία με την κλάση www και ταυτόχρονα θα αλλάξουμε το κείμενο όλων τους σε '!!!'. Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα HTML:

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

Τότε ο κώδικας JavaScript θα μοιάζει ως εξής:

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

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

Μέσω jQuery όλα θα είναι πολύ πιο απλά: θα λάβουμε όλα τα στοιχεία χρησιμοποιώντας το δολάριο, έτσι: $('.www'), και μετά θα εφαρμόσουμε σε αυτά τη μέθοδο html, η οποία δέχεται ως παράμετρο το νέο κείμενο - $('.www').html('new text'). Αυτό ήταν! Αυτή η γραμμή θα κάνει όλη τη δουλειά χωρίς βρόχους και άλλες ανοησίες. Εκτελέστε το παράδειγμα και δείτε το μόνοι σας:

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

Σε όλα τα h3 με τη μέθοδο html ορίστε το κείμενο '!!!'.