在html中递增javascript变量

这应该是一个相当简单的问题。我只是想将变量“inputNumber”输入到这里附加的html代码段中。inputNumber应在每次附加此html时递增

因此，基本上我希望每次单击“addMore”时，输入名称、id和div id从5递增

var inputNumber = 5;

$("#addMore").click(function() {
$("#input-names").append("<input type='text' id='name' + inputNumber++ name='name' + inputNumber++> <div class='delete-line' id='delete-' + inputNumber++><a href='JavaScript:void(0);'>X</a></div><br>");
});

var inputNumber=5；
$（“#添加更多”）。单击（函数（）{
$（“#输入名称”）。追加（
”）；
});

插入变量之前，您只是没有终止字符串

var inputNumber = 5;

$("#addMore").click(function() {
  inputNumber++;
  $("#input-names").append("<input type='text' id='name"+ inputNumber +"' name='name"+ inputNumber +"' > <div class='delete-line' id='delete-"+ inputNumber +"'><a href='JavaScript:void(0);'>X</a></div><br>");
});

---

您只是在插入变量之前没有终止字符串

var inputNumber = 5;

$("#addMore").click(function() {
  inputNumber++;
  $("#input-names").append("<input type='text' id='name"+ inputNumber +"' name='name"+ inputNumber +"' > <div class='delete-line' id='delete-"+ inputNumber +"'><a href='JavaScript:void(0);'>X</a></div><br>");
});

---

在追加之外调用

inputNumber++

，否则每次在追加的长字符串中声明时都会递增。增量运算符是自赋值的，这意味着它们一次递增1并赋值给递增的值。相当于

inputNumber=inputNumber+1的代码

$("#addMore").click(function() {
    inputNumber++;
    $("#input-names").append("<input type='text' id='name" + inputNumber + "' name='name" + inputNumber + "'> <div class='delete-line' id='delete-" + inputNumber + "'><a href='JavaScript:void(0);'>X</a></div><br>");
});

$（“#添加更多”）。单击（函数（）{
inputNumber++；
$（“#输入名称”）。追加（
”）；
});

如果使用另一种方式，第一次单击的结果HTML将是：

<input type='text' id='name6' name='name7' />
<div class='delete-line' id='delete8'>
    <a href='javascript:void(0);'>X</a>
</div>



此外，请确保文本字符串正确连接。
在附加之外调用
inputNumber++
，否则每次在附加的长字符串中声明时，都会递增。增量运算符是自赋值的，这意味着它们一次递增1并赋值给递增的值。相当于
inputNumber=inputNumber+1的代码

$("#addMore").click(function() {
    inputNumber++;
    $("#input-names").append("<input type='text' id='name" + inputNumber + "' name='name" + inputNumber + "'> <div class='delete-line' id='delete-" + inputNumber + "'><a href='JavaScript:void(0);'>X</a></div><br>");
});

$（“#添加更多”）。单击（函数（）{
inputNumber++；
$（“#输入名称”）。追加（
”）；
});

如果使用另一种方式，第一次单击的结果HTML将是：

<input type='text' id='name6' name='name7' />
<div class='delete-line' id='delete8'>
    <a href='javascript:void(0);'>X</a>
</div>



另外，确保文本字符串连接正确。
更仔细地分析语法突出显示…看到了吗？更仔细地分析语法突出显示…看到了吗？
“+inputNumber+”
应该在
id='name'
引号内。以及所有其他属性引号。好的，那么你对我的代码的改进起到了作用，但由于某些原因，当我单击“addMore”然后提交所有输入时，它不会将新添加的输入注册为“name6”“name7”，等等。它只是将它们注册为“name”。因此，出于某种原因，5没有递增，甚至没有向输入中添加一个数字。
“+inputNumber+”
应该在
id='name'
引号中。以及所有其他属性引号中。好吧，您对我的代码的改进是有效的，但出于某种原因，当我单击“addMore”然后提交所有输入时，它不会将新添加的输入注册为“name6”、“name7”等。它只是将它们注册为“name”。因此，出于某种原因，5没有递增，甚至没有向输入中添加数字。