怎么用js改变菜单的选中项

Question

如图所示，我有一个二级页面，在页面上会用到点击切换效果，默认的时候第一个全部被选中，像下面那个那样，class=“car” li标签里面，怎么实现点击后切换效果？addClass?用click事件，具体代码是怎么写的呢？

Answer 1

css里先定义一个黄色样式
如.yellow{...}
a标签click事件里判断，先把所有a标签的黄色样式(yellow)去掉，然后给当前点击的标签加上黄色样式(yellow)
如果你用jquery，代码很方便
$("a").click(function()
{
   $("a").removeClass("yellow");
   $(this).addClass("yellow");
});

Answer 2

1#说的我明白意思，可是那个样式是写在li上面的，不是在a标签上

Answer 3

$("li").click(function()
{
   $("li").removeClass("yellow");
   $(this).addClass("yellow");
});

Answer 4

那个标签大概就是<div class=""><ul><li class="car"></li></ul></div>现在改变样式是改变li中的

Answer 5

要不你帮我调试下好吗？
谢谢亲了，这个是静态页面地址http://tianruan.cc/KelinWebHtml.rar
在download目录下list页面 有时间帮我弄下吗？亲

Answer 6

在List.html文件的<script src="../Content/js/jquery-1.7.1.min.js" type="text/javascript"></script>下方加上下面js代码
 <script type="text/javascript" language="javascript">
      
        $(function () {         $("div .cols_c").eq(1).find('li').click(function()
         {
              $("div .cols_c").eq(1).find('li').attr("class","");
              $(this).attr("class","cur");
          });
     });
     </script>

Answer 7

但是你的a似乎跳转到另外的html页了，为什么要跳转到另外的页面呢，你应该把另外的页面内容加到下面的<div class="app_list">里，这样容易控制，而且页面也不会刷新如果你非要跳转到另一个页面，你需要在另一页面固定死当前的li的样式为cur就行了，不需要额外的js代码

Answer 8

你把 通用、安卓、二版、三版、五版的a的href属性去掉试试，
不行是因为跳转了

Answer 9

这个是模板页面，实际页面就是在本页面执行的，所以才要用到控制css样式。我主要是搞不定控制，其他地方我能搞定的。就是让他连接本页面，例如List.aspx?Index=1&Classid=....这里连接的都是这个页面

Answer 10

改了
 <script type="text/javascript" language="javascript">
      
        $(function () {         $("div .cols_c").eq(0).find('li').click(function()
         {              $("div .cols_c").eq(0).find('li').attr("class","");
              $(this).attr("class","cur");
          });
     });

Answer 11

默认第一个被选中
 $("div .cols_c").eq(0).find('li').eq(0).attr("class","cur"); //默认第一个被选中 <script type="text/javascript" language="javascript">
      
        $(function ()
        {
         $("div .cols_c").eq(0).find('li').eq(0).attr("class","cur"); //默认第一个被选中
         $("div .cols_c").eq(0).find('li').click(function()
         {              $("div .cols_c").eq(0).find('li').attr("class","");
              $(this).attr("class","cur");
          });
     });
     </script>