javascript - 在 jQuery 函数内部循环唯一的问题

Question

我在使用 Meteor 中的 jQuery 时遇到了一些问题 - 我只是想学习所以我希望有人能提供帮助。

因此，当点击#addButton 时，它会将 div 附加到 .formField，并且在点击时创建的每个 div 都会有一个唯一的类，例如 formField[1]、formField[2] 等

问题是当单击按钮而不是仅仅更改 div 的名称时，div 也被添加了 50 次。我知道它听起来很愚蠢，因为它是一个循环，但我如何在单击时只循环 div 的类，以便每个类都有不同的名称？

我的代码如下:

Template.form.events({
'click #addButton': function(event) {

var i;
for (i = 0; i < 50; i++) {

$(".formField").append('<div class="formField['+i+']">.....</div>');
}

return false;

Answer 1

如果我明白你在这里做什么，你就不需要循环。每次单击按钮时，您只需要一个变量来递增。将您的追加从循环中取出，而是单击将您的变量递增一个，然后调用追加。无需循环。

var i = 0;

Template.form.events({
    'click #addButton': function(event) {
         i += 1;

         $(".formField").append('<div class="formField['+i+']">.....</div>');
    }
});

return false;