:lt() Seçicisi

Açıklama : Verilen set içinde index'i verilenden küçük olan elemanları seçer.

JQuery 3.4 itibarıyla :lt() sahte sınıfından vazgeçildi. Eğer varsa seçicilerinizden onu çıkarıp yerine sonuçları .slice() metodu ile filtreleyiniz. Mesela :lt(3) seçicisi yerine .slice(0, 3) kullanınız.

Index'e bağlı seçiciler

Index'e bağlı seçiciler (:eq(), :lt(), :gt(), :even, :odd) önlerine eklenen eleman setini filtrelerler. Verilen seti seçiciye uygun olarak daraltırlar. Örneğin elemanlar önce bir class seçiciyle seçilirse ( .myClass ) ve 4 elemanlık bir set dönerse eleman index'leri 0'dan 3'e sıralanarak bu seçicilerce işlenir.

Not : JavaScript array'ler sıfırdan başlayan indexlere sahip olduğu için $( ".myclass:lt(1)" ) dökümandaki .myclass sınıf değerine sahip ilk elemanı seçer. Aksine :nth-child(n) ise 1 temelli index'e göre seçim yapar.

Versiyon 1.8 öncesi :lt(index) seçicisi index olarak negatif bir sayı almaz.

İlave Notlar :

• :lt() bir jQuery eklentisi olduğu ve CSS standardı olmadığı için JavaScript querySelectorAll() metodu performansından yararlanamaz. Modern tarayıcılarda daha iyi bir performans için $("saf-css-seçici").slice(0, index) şeklinde kullanınız.

Örnekler:

TD #4 öncesindeki hücrelere sarı arka renk ve -2inci index öncesi hücrelere de kırmızı yazı ver.