jquery 问题求教下了！

[chl19871024]

一个纵向菜单。

<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 只有被选中的 有背景颜色

[shaoliang520xi]

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

[zell419]

a被点击以后变色？

[Mr-Jee]

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

[chl19871024]

[Quote=引用 3 楼 cj205 的回复:]
$(".menu_body li>a").each(function(i){
$(this).click(function(){
$(".menu_body li>a").css("background-color","#ffffff");
$(this).css("background-color","red");
});
[/Quote]原来 位置搞错了、、、！