Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi ya belajarnya, masih tentang pembahasan mengenai jquery, kali ini kita akan belajar salah satu selector yang ada pada jquery, seperti yang kita tahu semuanya, selector jquery sangatlah banyak, dan pada pembahasan kali ini kita akan bahas salah satunya, yaitu kita akan mengenal selector lt() pada jquery.

Selector lt() adalah salah satu selector yang ada pada jquery yang berfungsi untuk memilih element dengan nomor index yang sama dengan selector yang kita pilih, index dari lt() dimulai dari 0, untuk lebih jelasnya kita langsung saja praktekan, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Saya membuat sebuah table dengan beberapa isi data, jika di save maka hasilnya akan seperti ini:

mengenal selector lt() pada jquery1

Nah sekarang saya akan memberikan warna pada beberapa baris data diatas dengan menggunakan selector lt(), silahakan teman-teman tambahkan script berikut ini:

seperti biasa pertama kita harus reload library dari jquery yang kita ambil dari website resmi jquery yaitu jquery.com, nah setelah itu saya membuat sebuah fungsi dengan selector lt() dimana untuk tr sampai baris ke 3 mempunyai background warna, jika teman-teman save maka hasilnya akan seperti berikut ini:

mengenal selector lt() pada jquery2

Maka hasilnya dari baris pertama sampai baris ketiga akan mempunyai background warna merah.

Gimana teman-teman? cukup mudah bukan, untuk tutorial kali ini tentang mengenal selector lt() pada jquery saya rasa cukup samapai disini dulu, semoga bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial jquery berikutnya,

Terima kasih