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

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

有没有更优雅的方式做到这一点？谢谢.

解决方法:

您可以使用eq：

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