jQuery :lt() Selector
Contoh
Memilih seluruh elemen <tr> sebelum elemen "tr" yang ke-3.
Defenisi dan Penggunaan
Selektor :lt() adalah untuk memilih elemen dengan index kurang dari angka yang diberikan.
Index dimulai dari angka 0.
Misalnya kita mempunyai struktur kode seperti berikut ini:
Dari contoh struktur kode di atas, jika kita misalnya, akan mewarnai latar belakang atau memberi warna background hijau untuk elemen <tr> yang angka indeksnya kurang dari angka 2, maka efeknya, elemen pada urutan indeks 0 dan 1 akan berubah latar belakangnya menjadi warna hijau, dalam hal ini elemen pada baris ke-1 dan ke-2 lah yang akan berubah latar belakangnya menjadi warna hijau. Ingatlah bahwa angka indeks dimulai dari 0 (nol), jadi dari contoh kode di atas, baris ke-1 (warna biru) indeksnya = 0, baris ke-2 (warna coklat) indeksnya = 1, baris ke-3 (warna magenta) indeksnya = 2 dan baris ke-4 (warna ungu) indeksnya = 3.
Tip: Gunakan selektor :gt untuk memilih elemen dengan index lebih dari angka yang diberikan.
Rumus
| Parameter | Keterangan |
|---|---|
| index |
Harus ada. Menentukan elemen manakah yang hendak dipilih. Elemen dengan index kurang dari angka yang diberikan yang akan dipilih. |
Contoh Penggunaan
Mewarnai latar belakang dari seluruh elemen "tr" yang indexnya kurang dari "2". Index dihitung dari angka 0.
x
<html> <head> <script src="https://cdn.rawgit.com/cholebeharia/blogku/1a8ade58/jquery.min.js"></script> </head> <body> <table border="1" width="100%"> <tr> <td>Baris 1 Kolom 1</td><td>Baris 1 Kolom 2</td> </tr> <tr> <td>Baris 2 Kolom 1</td><td>Baris 2 Kolom 2</td> </tr> <tr> <td>Baris 3 Kolom 1</td><td>Baris 3 Kolom 2</td> </tr> <tr> <td>Baris 4 Kolom 1</td><td>Baris 4 Kolom 2</td> </tr> <tr> <td>Baris 5 Kolom 1</td><td>Baris 5 Kolom 2</td> </tr> </table> <script> $(document).ready(function(){ $("tr:lt(2)").css("background-color","green"); }); </script> </body> </html>Anda bisa langsung mengedit isi dari kode-kode di atas dan melihat perubahannya.
Hasilnya:
Cobalah untuk mengganti angka indeksnya, dan lihatlah perubahannya.
