jquery 问题求教下了！

Question

 一个纵向菜单。<ul>
<li class="menubar1"> 
<a href="#">菜单项1</a> 
</li> 
<li class="menubar"> 
<a href="#">菜单项2</a> 
<ul class="menu_body"> 
<li> 
<a href="#">子菜单项21</a> 
</li> 
<li> 
<a href="" >子菜单项22</a> 
</li> 
</ul> 
</li> 
<li class="menubar"> 
<a href="#">菜单项3</a> 
<ul class="menu_body"> 
<li> 
<a href="#">子菜单项31</a> 
</li> 
<li> 
<a href="#">子菜单项32</a> 
</li> 
</ul> 
</li> 
</ul> 
jquery里做了些特效$(document).ready(function(){ 
//页面中的DOM已经装载完成时，执行的代码 
$(".menubar1 > a").click(function(){
$(".menubar > a").next(".menu_body").slideUp("slow");
$(".menubar > a").css("background-image","url('images/menu.jpg')");
});  $(".menubar > a").each(function(i){
        $(this).click(function(){
            $(this).next(".menu_body").slideToggle(600);
            changeIcon($(this));
            $(".menubar > a").not($(".menubar > a")[i]).next(".menu_body").slideUp("slow");
            $(".menubar > a").not($(".menubar > a")[i]).css("background-image","url('images/menu.jpg')");
        });
    }); 

$(".menu_body li>a").each(function(i){
$(this).click(function(){
 $(this).css("background-color","red");
 $(".menu_body li>a").not($(".menu_body li>a")[i]).css("background-color","#ffffff");
 
}); });
}); 想问下 我该如何写才能让 .menu_body li>a  只有被选中的 有背景颜色

Answer 1

因为拿你代码允许起来没有完整效果，和你说下思路。在你点击的时候，$(this).index()得到当前的下标。你改下背景颜色

Answer 2

$(".menu_body li>a").each(function(i){
            $(this).click(function(){
                 $(".menu_body li>a").css("background-color","#ffffff");
                 $(this).css("background-color","red");  
            });