在单击另一个兄弟链接时获取兄弟链接类

get the sibling link class when the the other sibling link is clicked?

本文关键字：链接 兄弟 获取 单击 另一个      更新时间：2023-09-26

我有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>

我如何使用javascript/jquery获得link1的类(在同一div内不是其他人)当LINK2被点击。好的，当我点击第三div的link2链接时，它会给我"third"(不包括link1，它也是一个类)。

点击功能为:

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

因为第一个链接在第二个链接之前，您可以使用prev来访问该链接，使用attr来获取class属性的值:

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

这将给你"third link1"，因为这是class属性的值。如果你只想要第一部分，你可以拆分它:

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

看一下jQuery兄弟姐妹选择器。你也可以根据具体情况使用prev或next

相关文章：