200分求助！一个js脚本问题。在线等。

各路大侠们，小弟在做淘宝商品属选择时出现下列问题，还请求达人帮忙。
点击改变当前（li）样式，但其它(li)样式不知道怎么改回去了。试了很多方法都不好使，还请达人相助。贴代码:HTML<div class="pro_size">
  餐饮标准：<strong>3</strong>
  <ul>
    <asp:DataList ID="DataList3" runat="server" RepeatDirection="Horizontal">
      <ItemTemplate>
                                                                                                                      <li><span><%#Container.ItemIndex+1 %></span></li>
                                                                                                                    </ItemTemplate>
    </asp:DataList>
  </ul>
</div>JS:
/*衣服尺寸选择*/
$(function(){
$(".pro_size li span").click(function(){
         $(this).css({ background: "blue" });  //设置当前样式 
         
         //                                    //把其它样式改为原样。        })各路大侠有了解的千万不要小气。帮帮小弟吧。
另一百分在另外一贴中，解决完毕到另外一贴回复，定给分。
http://topic.csdn.net/u/20091119/10/0d72bda5-34ef-4d99-9f3e-26d1b9350d8f.html

解决方案 »

  1.   

    $(".pro_size li span").click(function(){
            $(this).css({ background: "" });赋值空可以吗？如果你之前有样式这样，你先这样获取下你在点击之前的样式：$(".pro_size li span").css（"background");看看是什么，如果有值那么就改回来的时候，就付这个值，如果没值也就给他付空就行了。。--
    试试
      

  2.   

    来接个分~原帖
    http://topic.csdn.net/u/20091119/10/0d72bda5-34ef-4d99-9f3e-26d1b9350d8f.html
    $(function(){ 
    $(".pro_size li span").click(function(){ 
            $(this).css({ background: "blue" });  //设置当前样式 
             var obj=this;
            $(".pro_size li span").each(function(){
                if(this!=obj){
                    $(this).css({ background: "red" });  //把其它样式改为原样。
                }
           });                                    }) 
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style type="text/css">
    .on{ background:red;}
    .off{ background:blue;}
    </style>
    <script language=Javascript>   
    var tID=0;  
    function showTabs(ID){  
        if(ID!=tID){  
            eval("document.getElementById('menu"+[tID]+"').className='off';");  
            eval("document.getElementById('menu"+[ID]+"').className='on';");
            tID=ID;  
        }  
    }  
    </script> 
    </HEAD>
    <BODY>
    <Div id="topMenu">
        <a id="menu0" class="on" href="#" onclick="showTabs(0);">Home</a>
        <a id="menu1" class="off" href="#" onclick="showTabs(1);">Book</a>
        <a id="menu2" class="off" href="#" onclick="showTabs(2);">Link</a>
    </Div
    </BODY>
    </HTML>
      

  4.   


    var selectedItem = null;
    $(function(){ 
    $(".pro_size li span").click(function(){ 
            $(this).css({ background: "blue" });  //设置当前样式           if(selectedItem != null} {
                 selectedItem.css({ background: "red" });  
             }//把其它样式改为原样。
              selectedItem = $(this);
                }
           });                                    }) 
      

  5.   

    $(".pro_size li span").click(function(){ 
            if($(this).get(0).style.backgroud!='blue')
            {
                 $(this).css({ background: "blue" });  //设置当前样式 
              }
             else
             {
                 $(this).css({ background: "" });   
              }
            //                                    //把其它样式改为原样。         }) 
    如果你是要点一下来回变颜色 , 这样就可以了
      

  6.   

            $(this).css({ background: "blue" });  //设置当前样式
           
            //                                    //把其它样式改为原样。 这2句的互换一下位置，即：
    先执行将所有li样式还原，再设置当前li样式
      

  7.   

    Sandy945 兄已经帮忙解决了。谢谢大家，但我有言在先，谁先解决就给谁分。