【问题标题】:Jquery : How to show number of clicks?Jquery:如何显示点击次数?
【发布时间】:2014-05-08 13:22:45
【问题描述】:

我开始学习 JQuery。

现在我想从我的段落中获取价值,并在每次点击它时给它 +1。 这是我尝试过的:

<body>
    <p>0</p>
    <script>
        $("p").click(function(){
            // code...
        });
    </script>
</body>

这是我的脚本

【问题讨论】:

标签: jquery count


【解决方案1】:

您可以像这样简单地做到这一点:

$(function(){ // you can wrap it here with in document ready block
   var i = 0;
   $("p").click(function(){
       $(this).html(i++);
   });
});

或者可能更好:

$(function(){ // you can wrap it here with in document ready block
   $("p").click(function(){
       $(this).html(+this.textContent + 1);
   });
});

Fiddle

【讨论】:

    【解决方案2】:

    试试这个:

      $( "p" ).click(function(){
         $(this).html(parseInt($(this).html(),10)+1);
      });
    

    Working Demo

    【讨论】:

    • parseInt 的第二个参数不是可选的。
    • @NiettheDarkAbsol 但默认情况下,它会将 arg 设为 10
    • 错误。默认情况下,它将将该参数作为0,这是一个特殊的值,意思是“猜测”。尝试使用和不使用参数解析 0x123,并告诉我它们是相同的。
    【解决方案3】:
    var count=0;
    $( "p" ).click(function(){
        count++;    
        $(this).text(count);
    });
    

    【讨论】:

    • 您可以添加对您的代码如何工作的描述,因为您回答的是初学者...
    【解决方案4】:
    this.firstChild.nodeValue = +this.firstChild.nodeValue + 1;
    

    MOSR 效率! :p

    【讨论】:

    • +this.firstChild.nodeValue 部分存在返回NAN的漏洞