Jquery -购物车的规格选择

<div class="box">
                                             <div class="box" id="size-s" onclick="SizeButtonClick(this);">S</div>
                                             <div class="box" id="size-m" onclick="SizeButtonClick(this);">M</div>
                                             <div class="box" id="size-l" onclick="SizeButtonClick(this);">L</div>
                                             <div class="box" id="size-xl" onclick="SizeButtonClick(this);">XL</div>
                                             <div class="box" id="size-xxl" onclick="SizeButtonClick(this);">XXL</div>
                                             <div class="box" id="size-xxxl" onclick="SizeButtonClick(this);">XXXL</div>
                                         </div>




<script>
 function SizeButtonClick(obj){
     //清空其它同类按钮选中颜色
     $('div[id^="size-"]').css({"background-color":"#ffffff","color":"#414141"});//原来的颜色
     $(obj).css({"background-color":"#414141","color":"#ffffff"});//点击后按钮的颜色
 }
</script>