Элементы с индексом до n

:lt(n)1.0

Фильтрует набор выбранных элементов, оставляя только те, индекс которых меньше n. Не забывайте, что индексирование начинается с 0.

Начиная с jQuery-1.8 индекс внутри селектора :lt(n) может быть задан отрицательным числом. В этом случае он будет рассматриваться как порядковый номер с конца: -1 — последний элемент, -2 — предпоследний и т. д.

Примеры использования:

$('.lBox:lt(3)') вернет первые три элемента (с индексами 0, 1, 2) с классом lBox.
$('.lBox:lt(-3)') вернет все элементы с классом lBox, кроме последних трех.

Селектор :lt(n) является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). Для наилучшей производительности подойдет следующий вариант:

В действии

Выделим планеты, идущие до земли (идущей под индексом 2): установим зеленый цвет фона всем элементам, с индексом, меньше 2

Ссылки

Поисковые ключи:
  • индекс элементов меньше n
  • элементы с индексом до n
  • lt()
  •  :lt()