Cara Mengambil dan Mengubah Teks Elemen dengan jQuery

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).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *