js商品加减按钮功能实现

<script type="text/javascript">
               //加
                $("body").on("click",".add",function(){
                    var number = $("#number").val();
                    number = parseInt(number) + 1;
                    $("#number").val(number);
                })

                //减
                $("body").on("click",".minus",function(){

                    var number = $("#number").val();
                    if(number > 1){
                        number = parseInt(number) - 1;
                    }else{
                        alert('商品数量不能少于1');
                    }
                    $("#number").val(number);
                })
            </script>
<script type="text/javascript" src="__mobile__/js/jquery-1.7.js"></script>

<div class="summary-item is-number">
            <div class="si-tit">数量</div>
            <div class="si-warp">
            <div class="amount-warp">
                <input class="text buy-num number" ectype="quantity" id="number" value="1" name="number" defaultnumber="1">
                <div class="a-btn">
                    <a href="javascript:void(0);" class="add" ectype="btnAdd"><i class="iconfont icon-up"></i></a>
                    <a href="javascript:void(0);"  class="minus" ectype="btnReduce"><i class="iconfont icon-down"></i></a>
                    <input type="hidden" name="perNumber" id="perNumber" ectype="perNumber" value="0">
                    <input type="hidden" name="perMinNumber" id="perMinNumber" ectype="perMinNumber" value="1">
                    <input name="cart_value" id="cart_value" value="" type="hidden" />
                </div>
                <input name="confirm_type" id="confirm_type" type="hidden" value="3" />
            </div>
            </div>
        </div>