我无法重置 jquery 中的计数器（点击功能）

Question

我正在尝试重复点击功能，但它只会重复两次。之后计数器消失。我不知道这是什么原因。 H

var divClone = $("#target").clone();
var divClone = $("#output").clone();

var clickCount = 0;
$('#target').click(function() {
    if ( clickCount < 6){
    clickCount++;
    $('#output').html(function(i, val) { return val*1+1 });
    } else {
      clickCount = 0; 
     $("#output").replaceWith(divClone);
    }
    
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="target" type="button">Click Me</button>
<div id="output">0</div>

请注意，我对编程还很陌生。

提前致谢。

编辑：抱歉，我不希望它是自动的。每点击 6 次后，计数器应重置为零。

Answer 1

试试这个：

var clickCount = 0;
$('#target').click(function() {
    if (clickCount++ < 6) {
        $('#output').html(function(i, val) {
            return val * 1 + 1
        });
    } else {
        clickCount = 0;
        $('#output').html('0');
    }
});

演示：https://jsfiddle.net/tusharj/zRX2D/2708/

或

简单：

var clickCount = 0;
$('#target').click(function () {
    $('#output').html(++clickCount % 7);
});

演示：https://jsfiddle.net/tusharj/zRX2D/2711/

Answer 2

试试这个

http://jsfiddle.net/zRX2D/2707/

var clickCount = 0;
$('#target').click(function() {
    if ( clickCount < 6){
    clickCount++;

    } else {
      clickCount = 0; 
    }
    $('#output').html(clickCount);

});

Answer 3

检查以下内容：

var clickCount = 0;
$('#target').click(function() {
    clickCount = clickCount < 6 ? clickCount+=1 : 0;
       
     $("#output").text(clickCount);
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="target" type="button">Click Me</button>
<div id="output">0</div>

我无法重置 jquery 中的计数器（点击功能）

I am having trouble with resetting the counter in jquery (clickfunction)

html

javascript

jquery

onclick