Cara Mengambil Elemen Anak dengan jQuery

Mengakses elemen anak berguna untuk memproses isi sebuah wadah, misalnya memberi warna semua item di dalamnya. Artikel ini membahas cara mengambil elemen anak dengan jQuery (children).

children() dan find()

<script>
$("#daftar").children("li"); // anak langsung saja
$("#daftar").find("a");       // semua keturunan, sedalam apa pun
</script>

Contoh Kasus: Menghitung Item dalam Wadah

<script>
const jumlah = $("#keranjang").children(".item").length;
$("#total-item").text(jumlah + " item");
</script>

Perbedaan children dan find

children() hanya mengambil anak langsung (satu tingkat di bawah), sedangkan find() mencari hingga ke cucu dan seterusnya.

<script>
// <ul><li><a>...</a></li></ul>
$("ul").children("a"); // kosong (a bukan anak langsung)
$("ul").find("a");     // ketemu (a adalah cucu)
</script>

Kesimpulan

Gunakan children() untuk anak langsung dan find() untuk pencarian mendalam. Memilih yang tepat penting agar tidak keliru menargetkan elemen yang terlalu dalam atau terlalu dangkal.

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 *