Promo Member Baru 40%! Program Full Stack Membership! Hanya 3 Hari! Klaim Promo

Remove pada jquery

Ditanyakan 1 bulan yang lalu oleh Fauzi Ramdhani

malam,,

mau bertanya nih ttg remove pada jquery, apakah saat kita remove itu harus memasukan classnya? bagaimana jika misalkan saya ingin menghapus malang yg berada di tengah(terlampir di gambar) apakah itu harus d tambahkan classnya ? soalnya bagaimana jika kita punya banyak data dan ingin menghapus apakah hrus 1 1 kita menambahkan classnya ?

BUAT KOMENTAR

1 JAWABAN / 0 KOMENTAR

User avatar
Ahmad Oriza menjawab pada tanggal 23 January 2020

Hai kak,

Untuk membuat fitur menghapus kita bisa sisipkan tombol pada setiap list tadi. Lalu kita bikin trigger click untuk menghapus list terdekat berdasarkan tombol yang dipencet, jadinya seperti ini :

<ul>
    <li class="bandung">Bandung <a href="#" class="btn-delete">Hapus</a></li>
    <li class="jakarta">Jakarta <a href="#" class="btn-delete">Hapus</a></li>
    <li class="jakarta">Semarang <a href="#" class="btn-delete">Hapus</a></li>
</ul>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script>
$(document).ready(function(){
    $('.btn-delete').click(function(){
        $(this).closest('li').hide();
    });
})
</script>

Silahkan dipelajari dan dicoba scriptnya.

BUAT KOMENTAR