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()またはをご覧ください。ここでは一例です：ちょうどプラグインを使用

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