javascript - 在 append() 中将 Javascript 变量传递给 HTML 代码

Question

我想将一个变量传递给我要附加的 html 代码:

var max = 1;    
$(wraper).on("click", ".add_field_button", function(e){ //on add input click
   e.preventDefault();
   if(max < max_fields){ //max input box allowed
     max++;
     console.log(max); // max now is equal to 2
     $(wrapper).append('<input id="street" name="street[{{$max}}]" class="form-control" type="text" placeholder="" value="">');
     }
})

我不想在输入的 html 代码中使用 $max，而是使用 max js 变量的值，这样我就可以获得 street[2]

我见过很多关于如何只将变量传递给 append() 而不是 HTML 代码中的变量的解决方案...

Answer 1

$(wrapper).append('<input id="street" name="street[' + max + ']" class="form-control" type="text" placeholder="" value="">');

或者

$(wrapper).append(concat('<input id="street" name="street[', max, ']" class="form-control" type="text" placeholder="" value="">'));