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

