日期:2014-05-17  浏览次数:20374 次

求用js 实现个方法
有若干个<a></a>标签都有各自的样式如
<a class='aaa'>aaaa</a>
<a class='bbb'>bbbb</a>
<a class='ccc'>cccc</a>
<a class='ddd'>dddd</a>
....
点击aaaa 样式就更改class='zzz',再点击bbbb, aaaa的样式恢复为原来的class='aaa',而bbbb样式变为class='zzz'。 同理 ,点击任何一个a标签样式都变为class='zzz', 其他标签恢复为各自原来的样式。
请教大家用 js 如何实现。。。 谢谢!

------解决方案--------------------
$(prevobject).attr("class",prevClass"); 这句最后多了个双引号

<script type="text/javascript" >
   
   $(document).ready(function()
   {
      var prevobject=null;
      var prevClass="";

      $("a").click(function()
      {
         if(prevClass!="")//恢复上次的样式
         {
             $(prevobject).attr("class",prevClass);  
         }

         prevobject=this;
         prevClass=$(this).attr("class");
         $(this).attr("class","zzz");  //改变本a的样式为zzz
         
      });
   });
</script>