Metode html
Metode html memungkinkan untuk mengubah teks
elemen dan mendapatkannya beserta tag.
Sintaks
Mendapatkan teks:
$(selektor).html();
Mengubah teks:
$(selektor).html(teks baru);
Tambahan
Metode html dapat menerapkan fungsi yang ditentukan
ke setiap elemen dalam kumpulan.
Dengan demikian, parameter pertama fungsi akan menerima
nomor elemen dalam kumpulan, dan parameter kedua
- teks saat ini dari elemen:
$(selektor).html(function(nomor dalam kumpulan, teks saat ini elemen));
Nama variabel dalam fungsi bisa apa saja.
Misalnya, jika untuk parameter pertama kita beri nama
index - maka di dalam fungsi kita akan tersedia
variabel index, yang berisi nomor dalam
kumpulan untuk elemen yang sedang diproses fungsi
pada saat itu. Demikian pula, jika untuk parameter kedua
diberi nama, misalnya, value - maka
di dalam fungsi kita akan tersedia variabel value,
yang berisi teks dari elemen yang sedang diproses fungsi
pada saat itu:
$(selektor).html(function(index, value) {
// di sini tersedia variabel index dan value
});
Teks setiap elemen akan berubah menjadi teks yang dikembalikan fungsi untuk elemen tersebut.
Contoh
Mari tampilkan isi paragraf kita:
<p id="test">teks</p>
let text = $('#test').html();
alert(text);
Contoh
Mari ubah isi paragraf kita:
<p id="test">teks1</p>
$('#test').html('teks2');
Kode HTML akan menjadi seperti ini:
<p id="test">teks2</p>
Contoh
Mari ubah isi paragraf kita menjadi teks dengan tag:
<p id="test">teks1</p>
$('#test').html('<span>teks2</span>');
Kode HTML akan menjadi seperti ini:
<p id="test"><span>teks2</span></p>
Contoh
Mari tambahkan nomor urutnya dalam kumpulan di akhir setiap paragraf:
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
Kode HTML akan menjadi seperti ini:
<p>teks 0</p>
<p>teks 1</p>
<p>teks 2</p>
