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