在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