2

同じクラスのリンクがさらにある場合、クリックしてアクティブなアイテムに追加のクラスを追加することは可能ですか? 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'); 
});
4

6 に答える 6

1

使用する必要がありますthis：

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

したがって、アンカーがクリックされると、そのアンカーでクラスを切り替え、アンカーでありクラスを持つすべての兄弟からクラスactiveを削除します。activeactive

ここにフィドルがあります

于 2013-07-11T08:46:57.447 に答える