javascript - div 内の数値を取得し、プラス 1 を数えます

Question

以下のコードを使用してdiv内の値(数値)とプラス1を取得していますが、値が1でボタンを押すと01になり、プラス1が必要で、2の場合はボタンを押します再びそれは私に22を与えます。

私のコードは次のとおりです。

<div class="mybtn">0</div>

<script>

$(function() {

$(".buttonDown").click(function() 
{
var checkDown = $('.buttonDown').text();
$('.mybtn').hide("fast");
$('.mybtn').text(checkDown+1);
$('.mybtn').fadeIn("slow");
});

});
</script>

Answer 1

$(function () {
    $(".mybtn").click(function () {
        var $this = $(this).stop(true, true).hide("fast");
        var checkDown = parseInt($.trim($(this).text()), 10);
        $this.text(checkDown + 1).fadeIn("slow");
    });
});

デモ:フィドル

Answer 2

これは、2 つの文字列を一緒に追加しているためです。parseInt()変数の周りでメソッドを使用してみてください：

 $('.mybtn').text(parseInt(checkDown, 10)+1);

最良の結果を得るために。

Answer 3

文字列を数値に暗黙的に変換する+checkDown代わりに使用します。checkDown

var checkDown = $('.buttonDown').text();
$('.mybtn').text(+checkDown + 1);

Answer 4

現在行っていることは、値を整数に変換してから 1 を加算するのではなく、"0" + 1 = 文字列 "01" のように、値を文字列に連結するように指示することです。

    var checkDown = ParseInt($('.buttonDown').text());
    $('.mybtn').text(checkDown+1);

Answer 5

これを試して;

<div class="mybtn">0</div>



  <script>

$(function() {

$(".buttonDown").click(function() 
{

var checkDown = parseInt($(this).text(), 10)
$(this).hide("fast").text(checkDown+1).fadeIn("slow");


});

});
</script>