by 
Menavigasi ke elemen induk berguna untuk memanipulasi wadah dari dalam, misalnya menghapus seluruh kartu dari tombol di dalamnya. Artikel ini membahas cara mengambil elemen induk dengan jQuery (parent).
parent() dan closest()
<script>
$("#anak").parent(); // induk langsung
$("#anak").closest(".kartu"); // induk terdekat dengan kelas tertentu
</script>
Contoh Kasus: Hapus Kartu dari Tombol di Dalamnya
<script>
$(".tutup").click(function() {
$(this).closest(".kartu").fadeOut(); // naik ke kartu induk
});
</script>
Perbedaan parent dan closest
| Metode | Naik Berapa Tingkat |
|---|---|
| parent() | Satu tingkat |
| closest() | Terus sampai cocok |
| parents() | Semua leluhur |
Kesimpulan
Gunakan parent() untuk induk langsung dan closest() untuk mencari induk tertentu sedalam apa pun. closest() sangat berguna untuk menghapus kartu atau baris dari tombol di dalamnya.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
