单击另一个同级链接时获取同级链接类？

Question

我有 5 个 div，每个 div 有两个链接，如下例所示，

    <div id="wrapper">
<a href="2332" class="first link1">Link1</a><a href="link2" class="link2">Link2</a>
   </div>

    <div id="wrapper">
<a href="1221" class="second link1">Link1</a><a href="link2" class="link2">Link2</a>
   </div>

    <div id="wrapper">
<a href="789" class="third link1">Link1</a><a href="link2" class="link2">Link2</a>
   </div>

    <div id="wrapper">
<a href="345" class="abc link1">Link1</a><a href="link2" class="link2">Link2</a>
   </div>

    <div id="wrapper">
<a href="123" class="bcd link1">Link1</a><a href="link2" class="link2">Link2</a>
   </div>

当单击 LINK2 时，如何使用 javascript/jquery 获取 link1 的类（在同一 div 内而不是其他 div 内）。 好吧，当我点击 third div 的 link2 链接时，它会给我“third”（不包括 link1，它也是一个类）。

点击函数为：

$('.link2').click(function(){

});

Answer 1

因为第一个链接紧邻第二个链接，所以您可以使用 prev 来获取到链接和 attr 获取 class 的值 属性：

$('.link2').click(function(){
    var prevClass = $(this).prev().attr("class");
});

这将为您提供“第三个链接1​​”，因为这是 class 属性的值。如果您只想要第一部分，可以将其拆分：

var prevClass = $(this).prev().attr("class").split(" ")[0];

这是一个工作示例。

Answer 2

看一下 jQuery siblings 选择器。您还可以根据自己的情况使用上一个或下一个。