Question

$('.fav').live('click', function(e){
    $(this).toggleClass('highlight');
    //increase the number by 1

HTML：

<li class="fav light_gray_serif">5</li>

我怎样才能使用jquery每次点击时增加li之间的数量？感谢

Answer 1

var num = parseInt($.trim($(this).html()));
$(this).html(++num)

Answer 2

您想查看.html()或.text()。这是一个例子：

$(this).text(function(i, t) {
    return Number(t) + 1;
});

Answer 3

HTML：

<span id="counter">0</span>

jQuery的：

$('#counter').text(Number($('#counter').text())+1);

单击现有按钮时可以增加计数器，如下所示：

$(document).on('click','#your-button', function(){
  $('#counter').text(Number($('#counter').text())+1);
});

Answer 4

只需使用插件。

(function($) {
    $.extend($.fn, {
         "addOne": function() {
              var num = parseInt(this.text(), 10);
              this.text(++num);
         },
         "subtractOne": function() {
              var num = parseInt(this.text(), 10);
              this.text(--num);
         }
    });
}(jQuery))

然后致电

$(".fav").live("click", function(e) {
     $(this).toggleClass("highlight").addOne();
});

使用jquery将数字增加1？

4 个答案: