Kaedah html
Kaedah html membolehkan mengubah teks
elemen dan mendapatkannya bersama tag.
Sintaks
Mendapatkan teks:
$(pemilih).html();
Mengubah teks:
$(pemilih).html(teks baru);
Maklumat Tambahan
Kaedah html boleh menggunakan
fungsi yang ditetapkan untuk setiap elemen dalam set.
Dengan ini, parameter pertama fungsi akan menerima
nombor elemen dalam set, dan parameter kedua
- teks semasa elemen:
$(pemilih).html(function(nombor dalam set, teks semasa elemen));
Nama pembolehubah dalam fungsi boleh apa sahaja.
Sebagai contoh, jika untuk parameter pertama kita beri nama
index - maka dalam fungsi kita akan boleh akses
pembolehubah index, yang akan mengandungi nombor dalam
set untuk elemen yang sedang diproses oleh fungsi
pada masa itu. Begitu juga, jika untuk parameter kedua
kami beri, sebagai contoh, nama value - maka
dalam fungsi kita akan boleh akses pembolehubah value,
yang akan mengandungi teks elemen yang sedang diproses oleh fungsi
pada masa itu:
$(pemilih).html(function(index, value) {
// di sini boleh akses pembolehubah index dan value
});
Teks setiap elemen akan bertukar kepada teks yang dikembalikan oleh fungsi khusus untuk elemen tersebut.
Contoh
Mari kita paparkan kandungan perenggan kami:
<p id="test">teks</p>
let text = $('#test').html();
alert(text);
Contoh
Mari kita ubah kandungan perenggan kami:
<p id="test">teks1</p>
$('#test').html('teks2');
Kod HTML akan kelihatan seperti ini:
<p id="test">teks2</p>
Contoh
Mari kita ubah kandungan perenggan kami kepada teks dengan tag:
<p id="test">teks1</p>
$('#test').html('<span>teks2</span>');
Kod HTML akan kelihatan seperti ini:
<p id="test"><span>teks2</span></p>
Contoh
Mari kita tambahkan nombor turutannya dalam set pada akhir setiap perenggan:
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
Kod HTML akan kelihatan seperti ini:
<p>teks 0</p>
<p>teks 1</p>
<p>teks 2</p>
