Cara Menduplikat Elemen dengan jQuery

Menduplikat elemen berguna untuk menambah baris form yang identik, misalnya menambah kolom “pengalaman kerja” pada formulir. Artikel ini membahas cara menduplikat elemen dengan jQuery (clone).

Metode .clone()

<script>
const salinan = $("#template").clone();
salinan.appendTo("#wadah");
</script>

Contoh Kasus: Menambah Baris Form Dinamis

<script>
$("#tambah-baris").click(function() {
    const baris = $(".baris-input:first").clone();
    baris.find("input").val(""); // kosongkan salinan
    baris.appendTo("#form-input");
});
</script>

Menyalin Beserta Event

<script>
$("#template").clone(true); // true = ikut menyalin event handler
</script>

Secara bawaan event tidak ikut tersalin. Berikan true bila ingin menyalin event handler juga.

Kesimpulan

Gunakan .clone() untuk menduplikat elemen, ideal untuk form yang menambah baris dinamis. Kosongkan input pada salinan, dan tambahkan argumen true bila event handler perlu ikut tersalin.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *