javascript - jQuery 程序不工作

Question

我在使用 jQuery 时遇到问题，仅仅是因为我没有使用它的经验。我的程序旨在为我的导航栏中的链接提供 CSS 类 current，如果它们被单击，并从它的前一个所有者中删除该类。

请记住，我对 javascript 非常缺乏经验，只是为了学校作业才在几分钟内学会它。脚本根本没有做任何事情。

我的代码:

$(document).ready(function() {
    $('a').click( function(i){
        var $current = $('a.current');
        $(this).addClass('current');
        $current.removeClass('current');
    });
});

编辑 1:奇怪的错误，如果我不单击链接而是单击文档，则当前类将应用于整个文档。

Answer 1

您应该先删除类，然后再添加它。否则，如果您单击 anchor 两次，您将不会添加class。

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