jquery - 如何在另一个链接处于事件状态时删除其他链接上的事件状态

Question

我只希望一个链接处于事件状态。当我单击其他链接以使该特定链接处于事件状态时，如何删除链接的事件状态？我正在使用 jQuery addClass 和 removeClass

这是我得到的

<style>.active {border-bottom: 3px solid #DB3030;}</style>

<div class="link"><a href="#scroll1" class="scroll">Link 1</a></div>
<div class="link"><a href="#scroll2" class="scroll">Link 2</a></div>
<div class="link"><a href="#scroll3" class="scroll">Link3</a></div>


$(document).ready(function(){
    $(".link a").click(function() {
        $(this).siblings().removeClass('active').end().addClass('active');
    });
});

Answer 1

$(document).ready(function() {
  $(".link a").click(function() {
    $('.link a').removeClass('active');
    $(this).addClass('active');
  });
});

.active {
  border-bottom: 3px solid #DB3030;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="link"><a href="#scroll1" class="scroll">Link 1</a>
</div>
<div class="link"><a href="#scroll2" class="scroll">Link 2</a>
</div>
<div class="link"><a href="#scroll3" class="scroll">Link3</a>
</div>