使用jQuery和CSS选择元素范围

Question

我正在尝试使用nth-child伪选择器选择一系列锚元素。 问题在于nth-child仅适用于子元素，但是我有一个这样的结构：

<div>
  <a>first link>
</div>
<div>
  <a>Second link</a>
</div>
<div>
  <a>Third link</a>
</div>

在这种情况下，我发现以下对选择前两个匹配元素有用的选择器不起作用：

$("a:nth-child(n+1):nth-child(-n+2)")

我在这里创建了一个示例： http : //jsfiddle.net/o6w5orom/ ，在第一个示例中，所有元素都被返回，而不是前两个元素。在第二个示例中，该元素有效，但仅具有直接子元素。

因此，有没有一种方法可以构造用于jQuery的CSS选择器，该选择器将基本上返回一定范围的元素（如nth-child），但将对jQuery对象的匹配元素起作用？ 我想构造选择器，不要编写逻辑来处理jQuery对象。

Answer 1

用法： $("div:nth-child(n+1):nth-child(-n+2) a")

选择nth-child的div，然后下降到a的

Answer 2

是的，您是对的-：nth-​​child仅返回直系子代。 但是有什么问题呢？ 使用查找。

$("div:nth-child(n+1):nth-child(-n+2)").find('a')