Выберите только один класс в jquery

Question

Говорит, что у меня несколько классов с именем item.

<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div> 

Но я хочу показать только один, последовательность не имеет значения. Как мне это сделать?

$('.item').show() // this will show all of them 

Answer 1

Вы можете использовать любого из следующих способов, чтобы выбрать конкретный элемент из согласованного набора:

// show the first .item only 
$('.item:first').show(); 
$('.item').first().show(); 

// show the last .item only 
$('.item:last').show(); 
$('.item').last().show(); 

// show the second .item only 
$('.item:eq(1)').show(); 
$('.item').eq(1).show(); 

Обратите внимание, что eq принимает параметр, который является индексом элемента, который вы хотите настроить таргетинг.

Answer 2

$('.item').eq(0).show() // it will display first item