删除选定的类 jquery

Question

我有以下 HTML：

<a href="#">img/a.jpg</a>
<a href="#">img/b.jpg</a>
<a href="#">img/c.jpg</a>

对于选定的链接，我有以下内容：

$(function() {
            $("a").click( function( )
            {
            var current = $(this);
            var name = current.attr('href');
            current.addClass("selected");
            var prev = current.closest("a").find("a.selected");
            prev.removeClass("selected");
                return false;
            });
        });

问题是，在我单击某个链接后，我单击的前一个链接不会取消选择（删除选择的类）。任何帮助将不胜感激。

Answer 1

您可以先删除所有具有 selected 类的元素，然后将您选择的类应用于当前类。

$("a").click(function( {
    var current = $(this);
    var name = current.attr('href');

    //Remove all
    $('.selected').removeClass('selected');

    //Add to current
    current.addClass("selected");

    return false;
});