如何在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 */