Mengubah Teks Elemen dengan jQuery

Dalam pelajaran sebelumnya, kita telah belajar untuk mendapatkan sekumpulan elemen melalui jQuery dan juga melihat beberapa contoh kerja dengan kaedah. Sekarang mari kita fahaminya dengan lebih terperinci. Dalam pelajaran ini kita akan belajar menukar teks elemen menggunakan dua kaedah: html dan text.

Mari selesaikan masalah berikut: dapatkan semua elemen dengan kelas www dan serentak ubah teks semua elemen tersebut kepada '!!!'. Katakan kita mempunyai kod HTML berikut:

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

Maka kod JavaScript akan kelihatan seperti berikut:

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

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

Melalui jQuery semuanya akan menjadi lebih mudah: dapatkan semua elemen menggunakan tanda dolar, seperti ini: $('.www'), kemudian gunakan kaedah html ke atasnya, yang menerima parameter teks baharu - $('.www').html('new text'). Itu sahaja! Baris ini akan melakukan semua kerja tanpa sebarang gelung dan perkara remeh lainnya. Jalankan contoh dan lihat sendiri:

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

Untuk semua elemen h3 menggunakan kaedah html tetapkan teks kepada '!!!'.