доступа одного объекта в возвращенной коллекции (JQuery)

Question

Хорошо, если у меня есть HTML-документ, который выглядит немного как это:

<div class='item'> ... </div> 
<div class='item'> ... </div> 
<div class='item'> ... </div> 
<div class='item'> ... </div> 

Я знаю, что в итерацию над ними, делая

$('.item').each 

Но что, если я уже знаю, что хочу сделать что-то со вторым? Есть ли какой-то синтаксис, похожий на:

$('.item')[2] 

который можно использовать в качестве селектора? то есть. Я бы хотел:

$('.item')[2].css('display','block'); 

Возможно или нет? :)

Answer 1

Да, .eq() будет ограничивать JQuery установлен только на один элемент, который вы хотите:

$('.item').eq(2).css('display','block'); 

Существует также :eq() селектор, который будет делать то же самое:

$('.item:eq(2)').css('display','block'); 

Как Энди упоминает в комментариях, обе эти функции используют нулевой индексирование ... Значение 2 является третьим элементом ...