尝试将动态整数值添加到动态id生成[关闭]

Question

我正在尝试为点击btnExport时生成的动态ID添加动态整数值。我在每次点击时递增var i然后将其值分配给动态生成的文本框。任何想法都将不胜感激。

$("#btnExport").after(s);
var i = 0;
$('#btnASize').click(function () {
    i += 1;
    var sizerangeMin = "<input type='text' ID='SizeMin''+i+' value='2.00' />";
    var ToleranceMin = "<input type='text' ID='TolMin'+i value='1' />";
    var ToleranceMax = "<input type='text' ID='TolMax'+i value='1' />";
    var markup = "<tr><td>" + sizerangeMin + "</td><td>" + ToleranceMin + "</td><td>" + ToleranceMax + "</td></tr>";
    $("#WireDimTbl tbody").append(markup); 
});

但是这段代码没有显示我变量的值。

Answer 1

原因是您将变量包含在字符串中。

正确的代码是：

var sizerangeMin = "<input type='text' ID='SizeMin'" + i + " value='2.00' />";
var ToleranceMin = "<input type='text' ID='TolMin'" + i + " value='1' />";
var ToleranceMax = "<input type='text' ID='TolMax'"+ i + "value='1' />";

此外，如果您的浏览器支持ES6，您可以使用Template Literals。

在这种情况下，您可以直接在字符串中使用变量而无需连接。

var age = 25;

var ageStr = `I am ${age} years old.`

Answer 2

您可以添加动态ID，如下例所示。

  var sizerangeMin =  "<input type='text' ID='SizeMin'"+i+" value='2.00' />"