Question

我有这段代码：

的jQuery / JavaScript的

        $(document).ready(function () {
            function min() {
                var number = parseInt($('span').html());
                return number - 30;
            }

            function add() {
                var number = parseInt($('span').html());
                return number + 31;
            }
            $("#container").click(function () {
                $('span').text(min());
            });
            $("#box").click(function () {
                $('span').text(add());
            });

            var time = parseInt($('b').html());
            if (time <= 0) {
                alert("AAAAA");
            };



        });

CSS

    #container{
        background: #00ff00;
        width: 500px;
        height:500px;
    }
    #box{

        background: black;
        width: 100px;
        height:100px;   
        color: white;
        cursor: pointer;
    }

HTML

    <div id="container">
        <span> 60 </span> 
        <div id="box"> </div>
    </div>

当您点击更改为+31和-30时的文字，因此您将获得61因为默认值为60但是如果您单击跨度中的文本将仅更改-30并且它将显示30我希望提醒当跨度中的文本达到0时，我做了这个但是没有用。有没有人知道如何解决它？

Answer 1

我认为我并不完全理解你。也许这下一个链接可以帮到你。

您有一些错误，请查看solution。

    $(document).ready(function(){
    var $span = $('span');
    function min() {
        var number  =   parseInt($span.html());
        return number - 30;
    }
    function add() {
        var number  =   parseInt($span.html());
        return number + 31;
    }
    $("#container").click(function(){
        $('span').text(min());
        checkTime();
    });
    $("#box").click(function(){
        $('span').text(add());
        checkTime();
    });

    function checkTime() {
        debugger
        var time =  parseInt($span.html());
        if (time <= 0) {
            alert("AAAAA");
        }; 
    }  
});

请下次在JSfiddle或类似的地方发布您的问题。

Answer 2

我认为你是选择器以获得跨度不正确。您还需要在递减值后执行检查。

$(document).ready(function(){
    function min() {
        var number  =   parseInt($('span').html());
        return number - 30;
    }
    function add() {
        var number  =   parseInt($('span').html());
        return number + 31;
    }
    $("#container").click(function(){
        $('span').text(min());
        CheckValue();
    });
    $("#box").click(function(){
        $('span').text(add());
    });

    function CheckValue() {
        var val =  parseInt($('#container > span').html());
        if (val <= 0) {
            alert("AAAAA");
        }
    }
);

当数据达到0警报时jQuery

2 个答案: