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的CLASS（在同一div中不是其他div）。好的，当我点击第三个 div的 link2 链接时，它会给我“第三个”（不包括也是一个类的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];

这是working example。

Answer 2

看看jQuery siblings选择器。您也可以根据自己的情况使用prev或next。

单击其他同级链接时获取兄弟链接类？

2 个答案: