如果每次用户点击按钮

Question

时运行if语句检查器，例如我有一个p标记，并且每次用户单击某个按钮时，我都有一个javascript函数将其值增加10。

HTML：

<p id="test">0</p> 
    <button id="trigger">test</button> 

的Jquery：

 var empty; 
    $(document).ready(function() { 
      $("#trigger").click(function(){ 
       empty = $("#test").html()+10; 
       $("#test").html(empty); 
       console.log($("#test").html()); 

       } 
     }) 
}) 

这应该更新p标签的号码，但始终的console.log显示为0，仍。 里面有没有恐怖？下面只是一个例子，我只想知道如何让用户每次点击指定按钮时运行if语句。

Answer 1

您要添加字符串导致字符串只，用户parseInt()隐蔽文本号码，然后做加法，如下图所示

注号码：您的代码有一个额外的}需要被移除

var empty; 
 
$(document).ready(function() { 
 
    $("#trigger").click(function(){ 
 
    empty = parseInt($("#test").html()) + 10; 
 
    $("#test").html(empty); 
 
    console.log($("#test").html()); 
 
    //remove extra } from here 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="test">0</p> 
 
<button id="trigger">test</button>

Answer 2

转换成int parseInt函数（$（ “＃测试”）。HTML（）），比做10 +

Answer 3

应使用parseInt函数转换字符串到整数

的parseInt函数（）的函数把字符串参数，并返回指定基数（数学标记 系统的底）的 整数。

Read More

var empty; 
 
$(document).ready(function() { 
 
    $("#trigger").click(function() { 
 
    empty = parseInt($("#test").html()) + 10; 
 
    $("#test").html(empty); 
 
    console.log($("#test").html()); 
 

 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="test">0</p> 
 
<button id="trigger">test</button>