jquery 上下数字

在网页中，常常需要使用上下数字的效果，比如购物车数量、分页等。
jQuery提供了一些简单的方法来实现这个效果，我们可以使用以下代码：

    $(document).ready(function(){
        $(".up-btn").click(function(){
            var num = parseInt($(this).siblings(".num").text());
            $(this).siblings(".num").text(num+1);
        });
        $(".down-btn").click(function(){
            var num = parseInt($(this).siblings(".num").text());
            if(num > 0){
                $(this).siblings(".num").text(num-1);    
            } 
        });
    });

我们可以看到上面的代码，首先使用jQuery选择需要绑定点击事件的元素，这里我们使用类选择器。
然后在点击事件中，我们使用siblings()方法来找到与当前元素同级的元素。使用text()方法来获取元素内的数字，注意需要使用parseInt()将数字字符串转换成数字。
最后根据点击的按钮增加或减少数字，在数字小于等于0的情况下，禁止再减少数字。

我们将按钮和数字都包在一个父级元素中，这样可以更好地控制样式和布局。
以下是HTML代码：

    <div class="number-wrapper">
        <button class="down-btn">-</button>
        <span class="num">0</span>
        <button class="up-btn">+</button>
    </div>

我们可以根据需要自定义按钮样式和数字样式。
以上就是使用jQuery实现上下数字的方法，简单易用。