Jquery 在所选菜单项上添加类

我有菜单

     <div id="ReportMenu" class="left-box" style = "width: 250px;">
            <p class="section-title">
               <span>Select Report : </span>
            </p>
               <ul id="left-box" class="menu-left-box">
                    <li id="menu_1" class="selected"><a href="#"  onclick="getPartial(1);">A</a></li>
                    <li id="menu_2"><a href="#" onclick="getPartial(2);">B</a></li>
                    <li id="menu_3"><a href="#" onclick="getPartial(3);">C</a></li>
                    <li id="menu_4"><a href="#" onclick="getPartial(4);">D</a></li>                      
    </ul>   
     </div>

选择报告：

当用户单击菜单项时，我需要将该菜单项设置为粗体。当用户单击其他菜单项时，应删除上一菜单项上的类。 我必须用getPartial（）方法编写Jquery代码

我该怎么做

谢谢， 马库斯试试这个

function getPartial(n) {
    $(".menu-left-box li a").css("font-weight","normal");
    $(this).css("font-weight","bold");
}

---

您好，现在您可以使用

jquery

函数 像这样

现场演示

HTML

<div id="ReportMenu" class="left-box" style = "width: 250px;">
            <p class="section-title">
               <span>Select Report : </span>
            </p>
               <ul id="left-box" class="menu-left-box">
                    <li><a href="#">A</a></li>
                    <li><a href="#">B</a></li>
                    <li><a href="#">C</a></li>
                    <li><a href="#">D</a></li>                      
    </ul>   
     </div>

Jquery

$(document).ready(function() {

        $("#left-box > li").click(function(){
        $("#left-box > li").removeClass('selected');
            $(this).addClass('selected');

        })


});

---

现场演示

Rohit，这是您给出的一个很好的示例。但是我已经为每个菜单项提供了一个“Onclick=GetPartial（1）”函数。我想编写您在这个函数中建议的Jquery代码。

.selected{
font-weight:bold;
    font-size:45px;

}

$(document).ready(function() {

        $("#left-box > li").click(function(){
        $("#left-box > li").removeClass('selected');
            $(this).addClass('selected');

        })


});