Pada kebanyakan website akan sering kita jumpai form didalamnya. Memang tidak bisa kita pungkiri fitur form pengisian data ini kerap selalu ada pada website, karena memang berhubungan untuk mendata setiap pengunjung sebagai acuan seperti apa tipe pengunjung yang sering melihat website kita. Untuk menampung itu semua maka dibuatlah form. Form yang biasanya berisikan nama, alamat, email dan nomor telepon adalah hal yang lumrah.

Ada kalanya kita sebagai pengunjung saat mengisikan data yang begitu banyak dan ternyata ada kesalahan pada pengisian. Sangat menyusahkan untuk menghapusnya satu persatu. Untuk mengatasi hal ini kalian bisa menggunakan fungsi yang telah diberikan oleh Jquery. Yap, sesuai dengan artikel kali ini kita akan belajar mengenai membuat tombol hapus dengan empty pada Jquery. Fungsi empty ini akan membantu kalian untuk menghapus data secara langsung, sehingga kalian tidak perlu repot menghapus satu persatu.

Caranya bagaimana ?. Kalian bisa ikuti contoh kasus yang akan kita coba dengan menggunakan fungsi empty pada Jquery. Pertama-tama kalian bisa salin contoh code dibawah ini.

remove.html

Setelah sudah kalian bisa simpan file tersebut dengan format html. Untuk melihat hasilnya kalian cukup buka file barusan pada browser kesayangan kalian. Jika berhasil maka tampilanya akan muncul seperti gambar dibawah ini.

tampilan pertama akan muncul seperti gambar diatas. Pada sebuah div yang telah diberikan CSS dan juga terpada teks di dalam div tersebut. Namun saat kalian menekan tombol dibawahnya. Maka akan terjadi seperti gambar dibawah ini.

Isi teks dari div tersebut akan di hapus dan hanya tersisa div nya saja dengan nilai css yang telah kalian buat. Seperti itulah penggunaan dasar dari fungsi remove pada Jquery. Kalian bisa kembangkan lagi dengan disesuaikan kebutuhan website kalian seperti apa. Mudah bukan ?

Sekian pembahasan mengenai membuat tombol hapus dengan empty pada Jquery. Semoga artikel kali bermanfaat untuk kalian semua.