Jquery:如何显示点击次数?

时间:2014-05-08 13:22:46

标签: jquery count

我开始学习JQuery。

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

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

这是我的剧本

4 个答案:

答案 0 :(得分:2)

试试这个:

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

<强> Working Demo

答案 1 :(得分: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 :(得分:0)

var count=0;
$( "p" ).click(function(){
    count++;    
    $(this).text(count);
});

答案 3 :(得分:0)

this.firstChild.nodeValue = +this.firstChild.nodeValue + 1;

最有效率! :P