望指教一下jquery的each问题

Question

本人为初学者，想用jquery做一个小小的导航，目前希望能实现的功能是点击一个对应的a,
如：
<a id="nav1">1</a><a id="nav2">2</a>时对应的css样式改变，我这样操作：
$("a[id*='nav']").each(function() {
$(this).click(function() {
       $(this).css({
backgroundPosition : "right bottom",
color : "#3b6ea5"
}).siblings().css('color', 'red');//点击时是可以这个a改变样式，但其他的未点击的却因为点击过而样式是已经改过的，而不是没点击之前的状态
});
});请问这个我应该怎么解决，小生学道，不胜感激！！！

Answer 1

没看懂你意思
.siblings().css('color', 'red')  你这段的意思在点击当前连接a改变的情况下，其他兄弟a标签颜色也变为红色
 
如果你只要点击的当前a标签改变，而其他不边的话，你就不要加这部分就ok啦
<script type="text/javascript">
   $(document).ready(function(){
  $("a[id*='nav']").click(function(){
  $(this).each(function(){
  $(this).css("color","red");
  }) ;
  });
   });
</script>   //这表示当你点击一个a标签的话就变成红色

Answer 2

$("a[id*='nav']").each(function() {
        $(this).click(function() {
            $("a[id*='nav']").css('color', 'red');//对所有对象进行css设置，就相当给所有的初始化一次
            $(this).css({backgroundPosition : "right bottom",color : "#3b6ea5"});//然后对当前点击的设置单独的样式
        });
    });