Cara Mencari Elemen di Dalam Elemen dengan jQuery

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).

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 *