Mengubah teks elemen secara dinamis dipakai untuk pesan status, label, atau hasil perhitungan. jQuery menyediakan metode ringkas untuk ini. Artikel ini membahas cara mengambil dan mengubah teks elemen dengan jQuery.
Metode .text()
<p id="pesan">Teks lama</p>
<script>
$("#pesan").text(); // ambil: "Teks lama"
$("#pesan").text("Teks baru"); // ubah teks
</script>
Contoh Kasus: Penghitung Karakter Langsung
<script>
$("#bio").on("input", function() {
const sisa = 160 - $(this).val().length;
$("#info").text(sisa + " karakter tersisa");
});
</script>
Mengubah Teks Banyak Elemen Sekaligus
<script>
$(".label").text("Diperbarui"); // semua .label berubah
</script>
text() vs html()
.text() memperlakukan isi sebagai teks murni sehingga tag HTML tampil apa adanya — lebih aman dari XSS. Gunakan .html() hanya bila memang perlu menyisipkan tag.
Kesimpulan
Gunakan .text() untuk membaca atau mengubah teks elemen secara aman, cocok untuk penghitung karakter atau pesan status. Satu pemanggilan bisa mengubah banyak elemen sekaligus.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

