Question

我们假设我有以下div

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

我想访问一个具有“类别”类的特定div。

我知道我可以用它来获得第一个：

 $(".category").first()

但如果我想获得第二或第三名怎么办？等。？

Answer 1

您可以使用eq()使用索引选择元素。

将匹配元素集合减少到指定索引处的元素。

$('.category').eq(2) // 3rd element

注意：索引从零开始。

<强>演示

$('.category').eq(2).css('background', 'green');

.category {
  background: red;
  width: 100px;
  height: 100px;
  margin: 10px;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div class="category">A</div>
<div class="item">B</div>
<div class="item">C</div>
<div class="category">D</div>
<div class="item">E</div>
<div class="item">F</div>
<div class="item">G</div>
<div class="item">H</div>
<div class="category">I</div>
<div class="item">J</div>

jquery选择div索引

1 个答案: