2011-12-14 3 views
3

私はこのdiv内の数字をインクリメントしますか?

<div class="likes">13</div>

を持っていると私は私がjQueryを使ってそれを行うことができますどのようにボタン

をクリックしたときに+1することで、この番号をインクリメントしたいですか?

$('btn').click(function() { 
    $('.likes').text(); 
}); 
+0

'$(」好き)テキスト(関数(I、TXT){のparseInt(TXT、10)+ 1を返します。 }) ' – RightSaidFred

答えて

19
$('btn').click(function() { 
    var el = parseInt($('.likes').text()); 
    $('.likes').text(el+1); 
}); 

http://jsfiddle.net/jg5GA/

+0

-1、DOM選択を繰り返す。 – RightSaidFred

+2

ああ、私にあなたのためにそれをリファクタリングさせてください。 – swatkins

3

これはトリックを行う必要があります

2
var jLikes = $('div.likes'); 
var sLikes = jLikes.text(); 
var nLikes = parseInt(sLikes); 
if(isNaN(nLikes)) { 
    return; 
} 
jLikes.text(nLikes+1); 
0

(私の最初の記事を編集した)

$('.likes').click(function() { 
    $(this).text(+($(this).text()) + 1); 
}); 

を、次の試してみてください。

$("btn").click(function(){ 
    $(".likes").html(1 + $(".likes").html()); 
}); 
関連する問題