如果每次用户点击按钮

问题描述:

时运行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语句。

+0

你需要将其转换第一个为整数。尝试使用'parseInt($(“#test”)。text())' –

+0

https://jsfiddle.net/rayon_1990/t2ubabrd/ – Rayon

+1

你确定控制台日志显示0吗?它应该是'010','01010','0101010'等? –

您要添加字符串导致字符串只,用户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>

转换成int parseInt函数($( “#测试”)。HTML()),比做10 +

应使用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>