Question

用jquery实现点击首项变色，其它不变，点击次项时首项恢复原色。

我写的jquery代码，高人帮我指导一下哪里有错
<script type="text/javascript">
$(document).ready(function(){
$(".menus a").first().addClass("cur");
.menus a:cur{color:red}
$(".menus a").click(function(){
$(".menus a").addClass("selected");
.menus a:selected{color:red}
$(this).removeClass(".menus a");
$(this).addClass(".menus a");
});
});

</script>

Answer 1

首项和次项是同级的话就这样写
$('.menus a').click(function(){
$(this).addClass('selected').siblings().removeClass('selected');
})
一点注意，addClass不会修改已有的CSS属性

Answer 2

看着挺纠结，说下我的想法，你可以试试 给首项一个id，然后$("#id").css("color","red");
点击此项的时候 设置一个click事件让首项CSS变回去就行了

Answer 3

首先你的这个功能如果通过a来实现的话本来就是一个错误的！当你使用点击的功能的话已经不存在这个页面跳转走了新页面去了 click事件还能够触发吗？