javascript - 如何添加一个类，该类会递增到使用 jquery 附加的元素

Question

我有一个脚本，可以将输入表单字段附加到我的表单中。我希望它添加一个类，每次附加表单字段时该类都会递增 1。

例如。 看看我的 https://jsfiddle.net/webtj01/aypkzgfx/

我希望每次用户单击添加字段按钮时，它都会添加带有这样的类的输入字段

class="Field1"

class="Field2"

class="Field3"

class="Field4"

class="Field5"

Answer 1

您已经有一个名为 x 的变量来检测最大计数，只需使用它即可。

var x = 1; //initlal text box count
  $(add_button).click(function(e) { //on add input button click
    e.preventDefault();
    if (x < max_fields) { //max input box allowed
      $(wrapper).append('<div><input class="Field' + ++x + '" type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
    }
  });

DEMO