Hallo? balik lagi pada tutorial dumet school, kita lanjut lagi belajarnya, pada tutorial sebelunya kita telah bahas fungsi method before kali ini kita masih akan belajar tentang method jquery yaitu kebalikan dari method before yaitu after, dan pada tutorial kali ini kita akan belajar menyisipkan kontent setelah dengan method after() jquery.

Kita langsung saja pada praktek, pertama silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

saya menyisipkan satu gambar dan tombol dibawahnya yang dimana tombol nanti kita akan berikan fungsi jquery after(), sekarang coba tambahkan script jquery berikut ini:

Seperti biasa kita harus mereload library dari jquery nya, setelah itu saya membuat sebuah fungsi bilamana tombol dengan id btn1 diklik maka saya memnyisipkan kata setelah pada element gamabar dengan method after pada jquery.

kelengkapan scriptnya adalah seperti berikut ini:

jika teman-teman save dan jalankan pada browser maka hasil sebelum tombol di klik adalah seperti berikut ini:

menyisipkan kontent setelah dengan method after() jquery1

dan jika kita klik tombol maka akan muncul kontent atau tulisan yang letaknya di setelah gambar seperti berikut ini:

menyisipkan kontent setelah dengan method after() jquery2

Gimana teman-teman cukup mudah bukan, untutk tutorial kali ini tentang menyisipkan kontent setelah dengan method after() jquery cukup sampai disini dulu, sampai jumpa lagi pada tutorial berikutnya.

Terima kasih