Mencari elemen tertentu di dalam wadah memudahkan manipulasi terarah, misalnya mengubah hanya judul di dalam kartu tertentu. Artikel ini membahas cara mencari elemen di dalam elemen dengan jQuery (find).
Metode .find()
<script>
$(".kartu").find(".judul").css("color", "blue");
</script>
Metode ini mencari semua .judul di dalam setiap .kartu, sedalam apa pun tingkatannya.
Contoh Kasus: Mengosongkan Input dalam Satu Baris
<script>
$(".reset").click(function() {
$(this).closest("tr").find("input").val(""); // kosongkan input di baris ini
});
</script>
Kombinasi closest() dan find() sangat kuat: naik ke induk, lalu cari elemen di dalamnya.
Contoh Kasus: Mengambil Data dari Kartu yang Diklik
<script>
$(".produk").click(function() {
const harga = $(this).find(".harga").text();
console.log(harga);
});
</script>
Kesimpulan
Gunakan .find() untuk menelusuri elemen di dalam wadah tertentu. Dipadukan dengan closest(), ini pola ampuh untuk manipulasi terfokus seperti mengosongkan input dalam satu baris tabel.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

