Элемент по индексу

Материал из JQuery

Перейти к: навигация, поиск
someSelector:eq(index)1.0

Соответствует элементу, занимающему позицию под номером index, среди уже выбранных с помощью селектора someSelector элементов. Нумерация элементов начинается с 0.

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

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

$('div:eq(0)') вернет первый div-элемент на странице.
$('div:eq(-1)') вернет последний div-элемент на странице (будет работать начиная с jQuery-1.8).
$('div p:eq(1)') вернет второй параграф, лежащий внутри div-элемента на странице.
$('div p.box:eq(1)') вернет второй параграф с классом box, лежащий внутри div-элемента на странице.

Замечание 1: :eq() не является частью официальной CSS спецификации, поэтому jQuery-запросы с его использованием будут выполнены без помощи нативной функции querySelectorAll(), что снизит скорость выполнения запроса в современных браузерах. Поэтому вместо селектора :eq() более эффективно будет использовать одноименный метод .eq(): $('someSelectors').eq(index);

В действии

Пример 1

Найдем и выделим второй li-элемент на странице и пятый элемент p внутри последнего ul-элемента:

Ссылки

Поисковые ключи:
  • элемент под номером
  • eq()