Hai teman-teman semuanya, apa kabar semoga baik, kita lanjut lagi belajarnya, kali ini kita masih akan membahasa method yang ada pada jquery yaitu wrapInner() yang akan kita terapkan dalam studi kasus menyisipkan element html dengan method wrapInner() pada jquery.

Fungsi dari method wrapInner ini adalah untuk menambahkan element html pada target selector yang kita tentukan, untuk lebih jelasnya kita langsung saja praktekkan, pertama silahakan teman-teman buat sebuah dile html dan ketikan script berikut ini:

Saya membuat sebuah element p dan button yang yakan kita berikan efek dan fungsi nantinya, jika di save dan jalankan pada browser hasilnya masih seperti biasa, tidak ada yang beda, setelah itu silahakan teman-teman tambahkan script berikut ini:

Nah disini saya mereload library dari jquery yaitu yang bisa kita ambil dari website resmi jquery yaitu jquery.com setelah itu saya membuat sebuah script jquery dimana apabila element button kita klik maka p akan mengalami efek wrapInner yang artinya element p tersebut akan ditambahkan element i HTML, maka jika teman-teman save dan jalankan pada browser lalu menekan tombol button tersebut hasilnya akan seperti berikut ini:

menyisipkan element html dengan method wrapInner() pada jquery1

Element p akan tercetak miring dikarenakan kita menambahkan element i pada element p dengan fungsi wrapInner().

Gimana teman-teman? cukup mudah bukan mungkin untutk tutorial kali ini tentang menyisipkan element html dengan method wrapInner() pada jquery, cukup sampai sini dulu semoga tutorial yang singkat ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

terima kasih.