使用jquery将数字增加1？

Question

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

HTML：

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

如何使用jQuery来增加每次李之间的数它的点击？谢谢

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

只需使用一个插件。

(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(); 
}); 

Answer 4

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); 
});