Hallo sahabat dumenity bertemu lagi dalam tutorial Dumetschool, pada tutorial kali ini saya akan membahas Cara Menggunakan First-of-type pada Jquery, kalau sebelumnya saya membahas tentang Fungsi Property CSS Last-of-type dan First-of-type di HTML dan CSS pada kali ini saya akan membahas fungsi tersebut pada jquery, bagi teman – teman yang belum tau silahkan klik link tersebut.

Fungsi properti CSS First-of-type ini sudah pernah saya bahas sebelumnya namun pada kontek HTML dan CSS , sedangkan pada pembahasan kali ini saya akan membahasnya pada sebuah jquery. Sebenarnya hampir sama hanya saja beda struktur cara menjalankannya, jika dalam HTML dan CSS biasa kita tinggal penggil target tag HTML yang kita mau kasih property CSS First-of-type sedangkan dalam jquery kita harus menggunakan script javascript, Oke dalam pembahasan kali ini saya akan menggunakan first-of-type dalam penambahan kelas di jquery, dimana nantinya saya akan menambahakan  kelas di dalam tag span melalui bantuan property first-of-type, penggunaanya kurang lebih  nanti akan seperti di bawah ini:

Oke untuk lebih kompleknya silahkan lihat script di bawah ini

Oke dari script di atas saya akan menyeleksi span pada kelas pertama dan span di kelas kedua, di mana span pada urutan pertama pada masing – masing kelas akan mendapat tambahabn kelas fot yang nantinya kelas fot tersebut akan saya kasih style seperti di bawah ini:

Cara Menggunakan First-of-type pada Jquery

maka dari script di atas akan menghasilkan output seperti dibawah ini:

Cara Menggunakan First-of-type pada Jquery

Oke itulah tadi pembahasan saya tentang Cara Menggunakan First-of-type pada Jquery, semoga bermanfaat.