如何在jQuery集合中选择第n个jQuery对象？

Question

<div class="grid">
    <div class="box">
          <div class="a"></div>
          <div class="b"></div>
          <div class="c"></div>
    </div>
    <div class="box">
          <div class="a"></div>
          <div class="b"></div>
          <div class="c"></div>
    </div>
    <div class="box">
          <div class="a"></div>
          <div class="b"></div>
          <div class="c"></div>
    </div>
</div>

当我执行

var rootElement = $('.grid').find('.box');

rootElement 包含一组jQuery对象.

如何访问此集合中的特定jQuery对象？我不想使用.each(),因为我不一定要遍历整个集合.

我知道这有效,但这看起来很尴尬.

var index = 1;
$(rootElement.get(index)).find('.a'); /* Use chaining to do more work */

有更优雅的方式吗？谢谢.

Answer 1

你可以使用eq:

var rootElement = $('.grid').find('.box').eq(0);
rootElement.find('.a'); /* Use chaining to do more work */