jquery найти первый элемент

Содержание

1. Определение и применение
2. jQuery синтаксис:
3. Добавлен в версии jQuery
4. Пример использования
5. Материал из JQuery
6. В действии
7. Пример 2

Определение и применение

jQuery метод .first() сокращает набор совпавших элементов до первого элемента в наборе. Чтобы создать объект, который содержит последний элемент в наборе, необходимо воспользоваться методом .last().

Обращаю Ваше внимание, что метод .first() создает новый объект jQuery, содержащий выбранный элемент. Если Вам достаточно просто выбрать первый элемент в наборе, Вы можете сделать это с использованием jQuery селектора :first(), а для того, чтобы выбрать последний, воспользуйтесь селектором :last().

jQuery синтаксис:

Добавлен в версии jQuery

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

В этом примере с использованием jQuery метода .first() и .last() мы создали объекты, которые содержат первый и последний элемент в наборе совпавших элементов, и с помощью метода .css() установили для них цвет заднего фона.

Результат нашего примера:

Пример использования методов .first() и .last() jQuery перемещения

Материал из JQuery

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

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

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

В действии

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

Пример 2

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

Как с помощью jquery найти первый элемент с заданным классом?

• Вопрос задан более трёх лет назад
• 3491 просмотр

но первый вариант самый оптимальный по ресурсам

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

// сузим круг поиска до всех элементов с классом some-hint
// и уже среди них выделим первый
$( ‘.some-hint’ ).filter( ‘:first’ );

Источник: computermaker.info