jquery - 显示来自具有相同类名的多个 DIV 的第一个 div

Question

我正在循环生成以下 HTML 的结果集：

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

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

结果需要像

1
3

标签： jqueryhtmlcss

Answer 1

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

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

<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>

编辑：

$('.main .showonce').hide()
$('.main .showonce:first-child').show()

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