QUERY實現點擊數字增長代碼

BODY裏面的代碼：

<span id="redu">-</span>
<input id="add" type="text" value="1" style="width:50px; text-align:center;"/>
<span id="add1">+</span>

JQUERY代碼：

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
      $("#add1").click(function(){
      var oldValue=parseInt($("#add").val()); //取出如今的值，並使用parseInt轉爲int類型數據
      oldValue++   //自加1
      $("#add").val(oldValue)  //將增長後的值付給控件
});
$("#redu").click(function(){
      var oldValue=parseInt($("#add").val()); //取出如今的值，並使用parseInt轉爲int類型數據
      oldValue--   //自減1
     $("#add").val(oldValue)  //將增長後的值付給控件
});
 
});
 
</script>

       除了一些放上的效果之外沒有實現外，可以實現點擊增長的時候，數字可以增長，點擊減小後，數字可以自動減小，這些都可以實現。