Manipulasi teks dan konten

Untuk mengganti teks dalam sebuah elemen HTML, Anda dapat menggunakan metode .text() atau .html() dalam jQuery. Berikut contoh penggunaannya:
// Mengganti teks dalam elemen dengan ID "target-element"
$("#target-element").text("Teks yang baru");

// Mengganti konten HTML dalam elemen dengan ID "target-element"
$("#target-element").html("<em>Teks</em> yang baru dengan <strong>konten</strong> HTML");

Menambahkan Teks atau Konten

Anda juga dapat menambahkan teks atau konten baru ke dalam elemen. Gunakan metode .append() atau .prepend() untuk ini:

// Menambahkan teks setelah konten dalam elemen dengan ID "target-element"
$("#target-element").append("Teks tambahan");

// Menambahkan teks sebelum konten dalam elemen dengan ID "target-element"
$("#target-element").prepend("Teks tambahan");

Menghapus Teks atau Konten

Untuk menghapus teks atau konten dari elemen, Anda bisa menggunakan .empty() atau .remove():

// Mengosongkan isi dalam elemen dengan ID "target-element"
$("#target-element").empty();

// Menghapus elemen dengan ID "target-element" beserta isinya
$("#target-element").remove();

Ini adalah beberapa cara dasar untuk melakukan manipulasi teks dan konten menggunakan jQuery. Anda dapat menggabungkan berbagai metode ini sesuai dengan kebutuhan Anda dalam pengembangan web. Jangan lupa untuk memasukkan jQuery library ke dalam proyek Anda sebelum menggunakannya. Semoga tutorial ini bermanfaat!

PREVIOUS
NEXT