Hallo teman-teman Dumet School, kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kemarin saya pernah membahas tentang fungsi parents dan find pada jquery dan kali ini saya juga akan membahas fungsi parent tapi agak sedikit berbeda karena kali ini akan membahas cara Mengenal Perbedaan Fungsi Parent Dengan Parents Pada Jquery.

Parent atau parents fungsinya sama pada jquery, yaitu membantu kita mencari elemen induk dari suatu elemen yang kita pilih. Nah untuk perbedaan dari parent dan parents yaitu, fungsi parent membantu kita mencari elemen induk pada tingkat pertama atau yang paling dekat dengan elemen yang kita pilih. Sedangkan fungsi parents kita bisa mencari semua elemen induk dari elemen yang kita pilih, baik itu tingkat pertama atau terakhir yang membungkus elemen tersebut.

Oke teman-teman untuk Mengenal Perbedaan Fungsi Parent Dengan Parents Pada Jquery langsung saja kita praktekkan dengan cara membuat struktur htmlnya sebagai berikut.

Jika sudah selesai maka kita lanjutkan membuat script jquerynya dan berikut scriptnya ya teman-teman.

Jika sudah selesai maka akan tampil seperti pada gambar di bawah ini.

Mengenal Perbedaan Fungsi Parent Dengan Parents Pada Jquery

Jika teman-teman perhatikan gambar di atas, maka akan terlihat perbedaan warnanya. Dimana parent 1 memiliki background warna salmon yang kita cari elemen induk dari elemen p fungsi parent pada jquery. Sedangkan parent 2 dan 3 dari elemen p bisa kita cari dengan menggunakan fungsi parents.
Demikian artikel tentang cara Mengenal Perbedaan Fungsi Parent Dengan Parents Pada Jquery. Semoga dapat bermanfaat dan selamat mencoba ya teman-teman.