在jquery中插入html代码并给出html语法问题

我想在jquery中使用html。我使用以下代码：

$(document).ready(function(){
    $("#registerNums").click(function(){
      var inputnums = parseInt($("#inputnums").val());
      for(var i=1; i < inputnums + 1; i++){
        var inputmems =
        '<div class="form-row">'+
           '<div class="form-group col-md-6">'+
            '<label for="inputmems">Enter the number of your input' + i + ' '  + 'membership functions:</label>'+
            '<input type="text" class="form-control" id="inputmems'+ i + ' ' + 'name="inputmems'+ i + ' ' + ' placeholder="Enter inputmems">'+
          '</div>'+
        '</div>';
        $("#1").after(inputmems);
      }
    });
  });

$（文档）.ready（函数（）{
$（“#注册表”）。单击（函数（）{
var inputnums=parseInt（$（“#inputnums”）.val（）；
对于（变量i=1；i

当我单击我的registerNums按钮时，它会附加我的表单，但我使用inspect元素在html代码中得到了错误的语法：

<input class="form-control" id="inputmems1 name=" inputmems1="" placeholder="Enter inputmems" type="text">

如果你在我的id后面看到它扩展了它的名字和其他问题

---

我如何解决这个问题？

好的。创建输入字符串时出现一些语法问题。一定是这样

'<input type="text" class="form-control" id="inputmems'+ i + '" name="inputmems'+ i +  '" placeholder="Enter inputmems">'+

“”+

只需更改脚本中的这一行

---

你应该用双引号引起来

$(document).ready(function() {
  $("#registerNums").click(function() {
    var inputnums = parseInt($("#inputnums").val());
    for (var i = 1; i < inputnums + 1; i++) {
      var inputmems =
        '<div class="form-row">' +
        '<div class="form-group col-md-6">' +
        '<label for="inputmems">Enter the number of your input' + i + ' ' + 'membership functions:</label>' +
        '<input type="text" class="form-control" id="inputmems"' + i + ' ' + 'name="inputmems"' + i + ' ' + ' placeholder="Enter inputmems">' +
        '</div>' +
        '</div>';
      $("#1").after(inputmems);
    }
  });
});

$（文档）.ready（函数（）{
$（“#注册表”）。单击（函数（）{
var inputnums=parseInt（$（“#inputnums”）.val（）；
对于（变量i=1；i

$（文档）.ready（函数（）{
$（“#注册表”）。单击（函数（）{
var inputnums=parseInt（$（“#inputnums”）.val（）；
var inputmems=“”；
对于（变量i=1；i

---

请使用var inputmes并在for循环外部追加。

您正在准备的html字符串似乎有问题。您可以使用模板文本，这可以让您在准备带有参数的html字符串时更加轻松

var inputmems = `<div class="form-row"><div class="form-group col-md-6"><label for="inputmems">Enter the number of your input${i} membership functions:</label><input type="text" class="form-control" id="inputmems${i}" name="inputmems${i}" placeholder="Enter inputmems"></div></div>`;

var-inputmems=`输入输入${i}成员函数的数目：`；

var inputmems = `<div class="form-row"><div class="form-group col-md-6"><label for="inputmems">Enter the number of your input${i} membership functions:</label><input type="text" class="form-control" id="inputmems${i}" name="inputmems${i}" placeholder="Enter inputmems"></div></div>`;