如何向使用jquery追加的元素添加一个增量类

时间:2016-01-14 10:59:02

标签: javascript jquery

我有一个脚本将输入表单字段附加到我的表单。我希望它添加一个类,每次附加一个表单字段时,该类增加1。

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

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

class="Field1"

class="Field2"

class="Field3"

class="Field4"

class="Field5"

1 个答案:

答案 0 :(得分: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