js動態修改class屬性

在前端界面，希望通過點擊修改class屬性，實現代碼如下：

$(function(){
    $("#selected li").click(function() {
        $(this).siblings('li').removeClass('active');  // 刪除其他li元素的樣式
        $(this).addClass('active');                            // 添加當前元素的樣式
    });
});

html代碼如下：

<ul class="nav nav-sidebar" id = 'selected'>
    <li class ="active">
        <a href="${pageContext.request.contextPath}/describe/result">基本信息</a>
    </li>
    <li >
        <a   onclick="getDescribe()">成績查詢</a>
    </li>
    <li >
        <a href="${pageContext.request.contextPath}/describe/result">測試查詢</a>
    </li>
    <li >
        <a data-toggle="modal" data-target="#passwordCorrect">修改密碼</a>
    </li>
    <li >
            <a href="${pageContext.request.contextPath}/signin/signInSuccess" onclick="login()">退出登錄</a>
    </li>
    <li >
        <a href="${pageContext.request.contextPath}/signin/signInSuccess" >退出登錄</a>
    </li>
</ul>