Question

现在当您在div内部单击时，计数器减少1.如何使其在0处停止？当它达到0时，我怎么能添加一个类？

我希望点击计数器达到0后启用叠加层。如果在点击次数达到0后有更好的方法可以禁用div box1。我们可以这样尝试。

$( function() {
   $('.box').click( function() {
     var num = $(this).find('.num');
     num.text( parseInt(num.text()) - 1 );
   });
});

fiddle

Answer 1

我不会在每次点击时搜索DOM并解析HTML，而是缓存元素及其值：

var $box = $('#box1'),
    $num = $box.find('.num'),
    limit = $num.text();

$box.click(function() {
    $num.text(--limit);
    if (limit === 0) {
        $('.overlay').show();
    }
});

Demo

Answer 2

这应该这样做：

$('.box').click( function() {
    var num = $(this).find('.num');
    val = parseInt(num.text()) - 1;
    if (val > 0){
        num.text(val - 1);
    } else {
        $(".overlay").show();
        // add your class here.
    }
    num.text( val );
});

Updated Fiddle

单击计数器达到0时，将类添加到div

2 个答案: