jQuery навигация - метод eq()

Руководство по навигации jQuery

Пример

Добавлением класса к div с индексом 2, его цвет становится синим:

$("body").find("div").eq(2).addClass("blue");

Попробуйте сами

Определение и использование

Метод eq() уменьшает набор элементов до одного, соответствующего указанному index.

Синтаксис

.eq(index)
Параметр Описание
index

Целое число, указывающее положение элемента (минимум 0).

Если это отрицательное число, то счет идет с последнего элемента набора.

Подробное описание

Если предоставлен jQuery объект, представляющий набор элементов DOM, метод .eq() создает новый jQuery объект, используя элемент из набора. Параметр index указывает на положение элемента в наборе.

Смотрите следующий простой список:

<ul>
  <li>Элемент списка 1</li>
  <li>Элемент списка 2</li>
  <li>Элемент списка 3</li>
  <li>Элемент списка 4</li>
  <li>Элемент списка 5</li>
</ul>

Пример 1

Мы можем применить этот метод к этому набору элементов списка:

$('li').eq(2).css('background-color', 'red');

Попробуйте сами

Результат этого вызова устанавливает красный фон для элемента 3. Обратите внимание, что index основан на нуле и указывает на положение элемента в jQuery объекте, а не в DOM дереве.

Пример 2

Если предоставлен отрицательное число, то это указывает на положение с конца набора, а не с начала. Например:

$('li').eq(-2).css('background-color', 'red');

Попробуйте сами

В этот раз, фоновый цвет элемента 4 становится красным, потому что он является вторым по счету с конца набора.

Пример 3

Если элемент не найден по указанному параметру index,该方法 создает jQuery объект с пустым набором, свойство length которого равно 0.

$('li').eq(5).css('background-color', 'red');

Попробуйте сами

Здесь, ни один элемент списка не становится красным, потому что .eq(5) указывает на шестой элемент списка.

Руководство по навигации jQuery