javascript - 使用 jQuery 和 CSS 选择元素范围

Question

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

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

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

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

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

那么，有没有一种方法可以为 jQuery 构造 CSS 选择器，它基本上会返回一系列元素，例如 nth-child，但可以作用于 jQuery 对象的匹配元素？我想构造选择器，不想编写逻辑来处理 jQuery 对象。

Answer 1

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

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