javascript - 一个类的所有链接 - 如何在点击时添加其他类？

Question

如果我有更多相同类别的链接，是否可以单击为事件项目添加附加类别？我试过使用 jquery '.toggleClass()' 但是如果我点击下一个链接那么两个链接都有相同的类

<a href="link1.html">1</a>
<a href="link2.html">2</a>
<a href="link3.html">3</a>

我试过:

$('a').click(function() { 
    $('a').toggleClass('active'); 
});

Answer 1

你需要使用这个:

$('a').on('click', function(e) {
  e.preventDefault();
  $(this).toggleClass('active').siblings('a.active').removeClass('active');
});

因此，当单击 anchor 时，切换该给定 anchor 上的 active 类，并从作为 anchor 且具有 事件类。

Here's a fiddle