Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, pembahasan-pembahasan sebelumnya kita telah banyak membahas tentang method-method yang ada pada jquery, kali ini kita masih akan belajar tentang salah satu method yang ada pada jquery yaitu replaceWith() yang akan kita akan coba pada satu studi kasus yaitu filtering replace dengan replacewith() pada jquery.

Fungsi dari replacewith adalah untuk memfilter atau mengganti kontent dengan konten yang kita tentukan,  dan fungsi ini dapat kita kombinasikan dengan selector psuedo element, untuk lebih jelasnya kita langsung saja praktekan, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya akan jelaskan sacriptnya satu per satu, pertama saya membuat beberapa element p lalu saya membuat sebuah tombol  yang dimana tombol ini yang akan kita berikan fungsi ketika diklik, nah setelah itu saya memanggil library dari jquery yang saya ambil dari jquery.com :

Setelah itu saya membuat  script jquery apabila tombol button diklik maka element p mulai dari yang pertama akan tergantikan oleh tulisan dumet school,

jadi tampilan sebelum diklik akan seperti ini:

filtering replace dengan replacewith() pada jquery1

ketika kita klik tombolnya sekali maka akan seperti berikut ini:

filtering replace dengan replacewith() pada jquery2

kan jika kita klik lagi maka akan seperti berikut ini:

Gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang filtering replace dengan replacewith() pada jquery cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih