选择之前的锚标记并使用 jQuery 添加一个类

Question

基本上我有两个由 div 分隔的锚标记。

<a class="foo"></a>

<div class="count">0</a>

<a class="bar"></a>

我正在做这样的事情：

       var addClass = $(this).parent().children('a:first-child').addClass('new');

然后它将它添加到第一个锚标记，如下所示：

<a class="foo new"></a>

我知道使用 nth:child 选择器非常昂贵，所以我想知道是否有更简单的方法来选择前一个锚节点，（同时忽略第二个）。

Answer 1

您可以这样做

$(this).parent().children('a:eq(0)').addClass('new');

了解有关 :eq() 的更多信息

或者，如果 < 之间没有元素code> 和

，您可以执行

$(this).prev('a');

了解更多.prev()

Answer 2

我可能会将 prevAll 与 first （或 eq(0)，因为 first 只是调用 eq(0)，但我发现 first 更具可读性）：

$(this).prevAll("a").first().addClass("new");
// or
$(this).prevAll("a").eq(0).addClass("new");

prevAll 返回该元素之前的所有同级元素，按顺序从最接近的同级元素开始，当然还有 first / eq( 0) 将集合减少到第一个元素。

您可能会想将 :first 选择器与 prevAll 一起使用，以避免构建不必要的同级列表，但是 令我惊讶的是，事后使用first效果更好。

Answer 3

怎么样：

$(this).siblings('a').eq(0).addClass(0);

实际上，如果你的结构像你的例子一样简单，你可以做一个简单的：

$(this).prev().addClass(0);

jQuery的 遍历方法为您提供了多种到达任何给定目的地的方法。