关于菜单点击后变色的问题

Question

  <ul class="nav">
        <li class="del_f_line page1"><a href="../home/index.php" class="first" id="page1">首页</a></li>
        <li class="page2"><a href="../my_page/index.php" id="page2">我的页面</a></li>
        <li class="page3"><a href="../compete/compete_list.html" id="page3">赛事专栏</a></li>
<li class="page4"><a href="../news/news_list.php" id="page4">新闻中心</a></li>
<li class="page5"><a href="#" id="page5">兴趣中心</a></li>
<li class="page6"><a href="#" class="last" id="page6">寻找资源</a></li>
    </ul>
 $(document).ready(function(){
var curPage = 0;
 $("ul.nav li a").each(function(){
  $(this).click(function(){
  $("ul.nav li").each(function(){
    $(this).removeClass("action");
  });
  curPage = $(this).attr("id");
  $("li."+curPage).addClass("action");

  });
 });
});// 现在没有其作用，忘各位帮我看看！

Answer 1

 $(document).ready(function(){
                var curPage = 0;
                 $("ul.nav li a").each(function(){
                      $(this).click(function(){
                          $("ul.nav li").each(function(){
                                $(this).removeClass("action");
                              });
                          curPage = $(this).attr("id");
                          $("li.page"+curPage).addClass("action");//这样看看
                        
                      });
                 });
            });