在Jquery中创建带小数的循环

Question

我需要创建一个可以用decimal进行迭代的循环,如下所示:

$("#btn").click(function(){
    for(i =parseFloat(0.00); i <= 2.00;i=parseFloat(i+0.05)){
        $("#paragraph").append(i+"<br/>");
    }
});

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

<input type="button" id="btn" value="Create decimals" />
<p id="paragraph"></p>

但结果并不像预期的那样,我需要这样的东西:

• 0.02
• 0.04
• 0.06
• ....
• 1.04
• ....
• 1.99
• ....
• 2

谢谢你的帮助.

Answer 1

假设您想要将迭代增加0.02，您可以尝试以下循环：

for (var i = 0; i < 21; i += 2) {
   console.log(i / 100);
}

jQuery("#btn").on("click", function() {
  for (var i = 0; i < 21; i += 2) {
    var result = i / 100;
    jQuery("#list").append("<li>" + result + "</li>");
  }
});

更新#1（添加了工作示例）

for (var i = 0; i < 21; i += 2) {
   console.log(i / 100);
}

jQuery("#btn").on("click", function() {
  for (var i = 0; i < 21; i += 2) {
    var result = i / 100;
    jQuery("#list").append("<li>" + result + "</li>");
  }
});

jQuery("#btn").on("click", function() {
  for (var i = 0; i < 21; i += 2) {
    var result = i / 100;
    jQuery("#list").append("<li>" + result + "</li>");
  }
});