显示具有相同类名的多个DIV的第一个div

Question

我正在遍历生成以下HTML的结果集：

<div class="total-runs innerdiv showonce">1</div>
<div class="total-runs showonce">2</div>
<div class="innerdiv showonce">3</div>

我只想显示第一个div类名称为Showonce

结果需要像

1

Answer 1

您可以为此使用eq(index)：

eq(index)

$('.showonce').hide().eq(0).show();

Answer 2

有多种方法可以做到]

。first（）

方法从该集合中的第一个元素构造一个新的jQuery对象（源：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="total-runs innerdiv showonce">1</div>
<div class="total-runs showonce">2</div>
<div class="innerdiv showonce">3</div>

https://api.jquery.com/first/
OR

$('div').first()

$(".showonce:first")
OR

var divValue = $('div:first')