Question

我有这段代码：

var i = 1;
var limit = 6;

$('button').click(function() {
	$('p').html('');

  if(i <= limit) {
  	$('p').append(i++);
  } else {
  	alert('stop !');
  }
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>

</p>
<button>Increase</button>

我想要的是当i到达limit时，i会回到1，然后在点击按钮等时再增加....

感谢您的帮助！

Answer 1

不使用变量的更好解决方案。这比您想象的要容易。你甚至不需要一个新的变量：

＆＃13;

$(function () {
  var limit = 6;
  $("button").click(function () {
    if (parseInt($("p").text().trim()) < limit)
      $("p").text(parseInt($("p").text().trim()) + 1);
    else
      $("p").text(1);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>1</p>
<button>Increase</button>

＆＃13;

但严重的是，要让您的内容有效，您只需将alert()替换为i = 1即可。 :)

Answer 2

只需在提醒后添加i=1;：

＆＃13;

var i = 1;
var limit = 6;

$('button').click(function() {
  $('p').html('');

  if (i <= limit) {
    $('p').append(i++);
  } else {
    alert('stop !');
    i=1;
  }

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>

</p>
<button>Increase</button>

＆＃13;

增加值然后重置Jquery

2 个答案: