Mengubah Teks Elemen dengan jQuery

Dalam pelajaran sebelumnya, kita belajar cara mendapatkan sekelompok elemen melalui jQuery dan bahkan melihat beberapa contoh penggunaan metode. Sekarang mari kita pelajari lebih detail. Dalam pelajaran ini kita akan belajar cara mengubah teks elemen menggunakan dua metode: html dan text.

Mari selesaikan masalah berikut: dapatkan semua elemen dengan kelas www dan secara bersamaan ubah teks semua elemen tersebut menjadi '!!!'. Misalkan kita memiliki kode HTML berikut:

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

Maka kode JavaScript akan terlihat seperti berikut:

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

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

Dengan jQuery semuanya akan jauh lebih mudah: dapatkan semua elemen menggunakan tanda dolar, seperti ini: $('.www'), lalu terapkan metode html pada mereka, yang menerima parameter teks baru - $('.www').html('new text'). Selesai! Baris kode ini akan melakukan semua pekerjaan tanpa perlu perulangan atau hal-hal lainnya. Jalankan contoh dan lihat sendiri:

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

Untuk semua elemen h3 dengan menggunakan metode html atur teks menjadi '!!!'.