使用jquery将类分配给href等于特定值的链接元素

Question

单击另一个链接时，如何将class="active"分配给链接元素？

即我有：

<div id="wrap">
<a href="one.php"></a>
<a href="two.php"></a>
<a href="three.php"></a>
</div>
<a href="one.php"></a>
<a href="two.php"></a>
<a href="three.php"></a>

但是，当单击下面的one.php链接时，我希望上面div包装中的链接具有活动类，如下所示：

<div id="wrap">
<a href="one.php" class="active"></a>
<a href="two.php"></a>
<a href="three.php"></a>
</div>
<a href="one.php"></a>
<a href="two.php"></a>
<a href="three.php"></a>

基本上我在想：

var foo = $(this).attr("href");
if ($(this).attr("href") == "hello.php")
$("#wrap").//something else

Answer 1

将click事件侦听器添加到将active类添加到每个锚点的每个锚点元素，然后删除单击的锚点元素上的active类。

$('a').click(function(){
$('a').addClass('active');
$(this).removeClass('active');
})

.active{
background-color: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#">link 1</a>
<a href="#">link 2</a>