Belajar Tentang Traversing Pada jQuery Part 1

Hai semuanya bertemu lagi dengan saya didumetschool.com. Sekarang kita akan belajar tentang Traversing pada jQuery. Apa itu Traversing ? Traversing ini adalah cara memilih elemen HTML dimana Kita bisa memilihnya tergantung pada hubungan elemen. Contohnya saya sudah membuat sebuah elemen HTMLnya sebagai berikut

dan saya sudah menyiapkan satu tombol untuk di klik sebagai berikut

Pertama hubungkan versi jQuerynya dan untuk memulai kode jQuery kita harus menambahkan kode seperti berikut

kode diatas untuk memastikan semua elemen HTML telah di ditampilkan atau di load sepenuhnya. Disini kita akan membahas bagaimana mengubah atau memilih elemen yang pertama saja. Teman teman bisa gunakan method first() pada jQuery sebagai berikut

Kode diatas saya akan memilih elemen li untuk diberikan tulisan warna merah dan sebaliknya teman teman juga bisa memilih elemen yang terakhir dengan method last() sebagai berikut

Kita juga bisa memilih elemen berdasarkan nilai index array dengan method eq(nilai indexnya) contohnya sebagai berikut

Dan jika kita jalankan dan kita tekan tombol button elemen li yang punya index 1 akan berubah ukuran fontnya.  Oke sekian dulu untuk artikel kali ini. Sampai jumpa .