Содержание
Материал из JQuery
Примеры
Рассмотрим следующий html-текст:
следующие два абзаца кода будут делать одно и то же:
в результате, на экран будет два раза выведено: "Index: 1". Это же, будет выведено на экран и в следующем случае:
таким образом видно, что второй и третий вариант использования метода index() отличаются порядком следования элемента поиска и области поиска.
В данном случае, jQuery будет искать элемент с идентификатором bar, среди соседних элементов, которыми в нашем случае являются элементы li.
Описание: Возвращает элемент, идущий под заданным номером в наборе выбранных элементов.
Добавлен в версии: 1.1.2 .eq( index )
Добавлен в версии: 1.4 .eq( indexFromEnd )
Given a jQuery object that represents a set of DOM elements, the .eq() method constructs a new jQuery object from one element within that set. The supplied index identifies the position of this element in the set.
Consider a page with a simple list on it:
We can apply this method to the set of list items:
The result of this call is a red background for item 3. Note that the supplied index is zero-based, and refers to the position of the element within the jQuery object, not within the DOM tree.
Providing a negative number indicates a position starting from the end of the set, rather than the beginning. For example:
This time list item 4 is turned red, since it is two from the end of the set.
If an element cannot be found at the specified zero-based index, the method constructs a new jQuery object with an empty set and a length property of 0.
Here, none of the list items is turned red, since .eq( 5 ) indicates the sixth of five list items.
Выборка элемента по n-ному индексу.
version added: 1.0 jQuery( ":eq(index)" )
index: индекс элемента, начиная с 0.
version added: 1.8 jQuery( ":eq(-index)" )
-index: индекс элемента, начиная с 0, начиная с конца.
Селекторы, базирующиеся на индексе элементов (:eq(), :lt(), :gt(), :even, :odd) фильтруют пачки элементов в поиске нужного совпадения. К примеру, если элемент выбирается с помощью селектора класса (.myclass) и потом необходимо выбрать какой-то элемент из четырёх, то стоит указать индекс от 0 до 3.
Поскольку индексация в массивах JavaScript начинается с 0, то и в селекторе используется этот же подход. Вот почему $(‘.myclass:eq(1)’) выбирает второе вхождение элемента с классом myclass, а не первое. Однако, используя селектор :nth-child(n) индексация начинается с 1.
Начиная с jQuery 1.8, селектор :eq(index) может принимать отрицательные значения, что означает что поиск будет осуществляться с конца.
Примеры
Пример: найти третий элемент td.
Пример: применить различные стили для того чтобы продемонстрировать возможность прокрутки элементов в цикле .each().
Пример: добавить класс List 2, второму li с конца.