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

Question

[timtimIT]

Здравствуйте.

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

Answer 1

[Alexander Litvinenko]

$('.class:first')

или

$('.class').first()
$('.class').eq(0)

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

Comments

[timtimIT]

Спасибо

[alex-1917]

ответ искажает факты, но зато отмечен решением)))
:first

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

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

[Alexander Litvinenko]

alex-1917, єто очень старая инфа, вопросу больше двух лет, а инфа на которую ссылаетесь - больше пяти, сложно сказать что было в то время почему тогда сказал имено так, поскольку на сегодня все работает несколько иначе, однако тут другой вопрос,
зачем вы вобще используете jQuery, если в курсе существования querySelectorAll()?

Answer 2

[Stalker_RED]

$('div.myclass').first()

Answer 3

[LittleFatNinja]

$('.class').eq(1)

Comments

[Stalker_RED]

Это второй элемент. Первый будет .eq(0) или .first()

[timtimIT]

спасибо

[Super User]

У Вас между прочим ошибка в слове "садомия".

Answer 4

[Super User]

$(document.querySelector('.class'))

Answer 5

[Николай Шабалин]

document.getElementsByClassName('class-name')[0];