Первый найденный элемент

Материал из JQuery

Перейти к: навигация, поиск
someSelector:first1.0

Соответствует первому элементу, из всех выбранных с помощью селектора someSelector. Эквивалентен селектору :eq(0).

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

$('div:first') вернет первый div-элемент на странице.
$('.lBox:first') вернет первый элемент с классом lBox.
$('div[title]:first') вернет первый div-элемент содержащий атрибут title.

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

В действии

Найдем первого парня на деревне (первый элемент с классом man, находящийся внутри элемента village):

Пример 2

Найдем и выделим первый p-элемент и пометим его синей звездочкой. Кроме того, найдем все элементы p, которые лежат первыми внутри своих родителей и выделим их красной рамкой:

Ссылки

Поисковые ключи:
  • элементы с индексом 0
  • первый из выбранных элементов
  • first
  •  :first