Question

例如我有一个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将字符串转换为整数

parseInt（）函数解析字符串参数并返回一个指定基数的整数（数学数字的基数系统）。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

您正在将字符串添加到仅产生字符串的数字，用户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 3

转换为int parseInt（$（“＃test”）。html（））而不是10 +

每次用户单击按钮时运行if语句检查器

3 个答案: