Html 所选链接需要高亮显示

我有一组链接，点击链接我会尝试添加背景色。 其部分工作但先前高亮显示的值不会在下次单击时删除。请检查我的代码，告诉我出了什么问题。谢谢

HTML JavaScript

在将链接应用于其他链接之前，需要重置链接的背景色：

JQuery

$(document).ready(function(){
    $('#menu a').click(function(){
        alert($(this).attr('id'));
        $('#menu a').css('background-color','none');
        $(this).css('background-color','red')
    });                              
});

---

最好将“选定”属性作为单独的类进行管理，然后使用JQuery或根据需要-

这意味着您可以逐步向所选的

类添加更多功能，而无需管理打开或关闭其他样式

.selected {
    background-color:red;
    color: green;
    border-color:blue;
   /* etc... */
}

@SPN如果您没有其他问题，请将其标记为已解决：）
$(document).ready(function () {
    $('#menu a').click(function () {
        alert($(this).attr('id'));
        $(this).css('background-color', 'red')
    });
});

$(document).ready(function(){
    $('#menu a').click(function(){
        alert($(this).attr('id'));
        $('#menu a').css('background-color','none');
        $(this).css('background-color','red')
    });                              
});

$(document).ready(function(){
    $('#menu a').click(function(){
    alert($(this).attr('id'));
    $(".selected").removeClass('selected');
    $(this).addClass('selected');
});                              
});

.selected {
    background-color:red;
    color: green;
    border-color:blue;
   /* etc... */
}