javascript - jquery选择div索引

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>

我想访问类为“category”的特定 div。

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

 $(".category").first()

但是如果我想获得第二个或第三个怎么办？等等..？

Answer 1

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

Reduce the set of matched elements to the one at the specified index.

$('.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>