还得请大家帮忙

Question

<div class='menu' id="staticMenu">
                    <ul>
                    <li><a class="selected">首页</a>
                    </li>
                    <li><a>卡通背景管理</a>
                    <ul>
                            <li><a href="BackgroundImageTypeList.aspx">背景分类列表</a></li>
                            <li><a href="BackgroundImageTypeAdd.aspx">添加背景分类</a></li>
                        </ul>
                    </li>
                   </ul>
</div
$("#staticMenu ul a").click(function(){
    $("#staticMenu ul a").removeClass();
    $(this).addClass("selected");  
});
上面这个是点击"卡通背景管理"的时候<a class="selected">，清除了首页的<a class="selected">那我点击背景分类列表，或者添加背景分类的时候 ，卡通背景管理<a class="selected">这个又该怎么写？$("#staticMenu ul li ul li a").click(function(){
    $("#staticMenu ul a").removeClass();
    $(this).addClass("selected");  //这样写貌似不对
});

Answer 1

$('#staticMenu>ul>li>ul').click(){
var $li = $(this).parent();
$li.addClass('selected');
$li.siblings().removeClass('selected');
});

Answer 2

上面笔误了，没用编辑器就是不行唉。。$('#staticMenu>ul>li>ul').click(function(){
var $li = $(this).parent();
$li.addClass('selected');
$li.siblings().removeClass('selected');
});