尝试将动态整数值添加到生成的动态ID中

时间:2017-12-20 10:15:27

标签: javascript jquery

我正在尝试为点击btnExport时生成的动态ID添加动态整数值。我在每次点击时递增var i,然后将其值分配给动态生成的文本框。任何想法都将受到赞赏。< / p>

$("#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); 
});

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

正确的代码是:

 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;wi...

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

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

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' />";