jQuery实现电商网站购物车页面商品数量的增加和减少

利用jQuery操作页面元素的方法，实现电商网站购物车页面商品数量的增加和减少操作，要求单项价格和总价随着数量的改变而改变

当用户点击+按钮是，文本框中的商品数量增加1，单项价格和总价相应增加

当用户点击-按钮是，文本框中的商品数量减1（不能小于1），单项价格和总价相应减少

<style type="text/css">
        table{
            border: 1px solid #dedede;
            border-collapse: collapse;
            width: 100%;
            clear: both;
        }
        table tr{
            height: 50px;
            border-bottom: 1px dashed #dedede;
        }
        table td,th{
            text-align: center;
            vertical-align: middle;
        }
        table td.item{
            width: 400px;
            height: 60px;
            text-align: left;
        }
        table td.item img{
            margin-right: 10px;
            vertical-align: middle;
        }
        table tr td.cal{
            text-align: right;
        }
        table tr td.cal span{
            font: bold 25px Geneva,