在 jQuery 输出中增加“名称”答案

【问题标题】：Incrementing "Name" in jQuery output在 jQuery 输出中增加“名称”
【发布时间】：2013-12-12 01:23:23
【问题描述】：

<script>
function addRow()
{
$('#newitems tr:last').before('<tr><td><input type="text" name="itemnum" value="value"></td></tr>');
}
</script>

我试图弄清楚是否可以在每次调用 addRow() 函数时设置一个变量来递增上述函数的“名称”和“值”。换句话说，我想要以下输出：

第一次调用 addRow() 返回

<tr><td><input type="text" name="itemnum1" value="value1"></td></tr>

第二次调用 addRow() 返回

<tr><td><input type="text" name="itemnum2" value="value2"></td></tr>

第三次调用 addRow() 返回

<tr><td><input type="text" name="itemnum3" value="value3"></td></tr>

等等等等

任何帮助将不胜感激。

【问题讨论】：

标签： php jquery html function increment

【解决方案1】：

首先，分配一个在您的函数范围内可用的计数器变量。然后，在函数的每次迭代中，将计数器值附加到输出字符串并递增计数器：

<script>
  var count = 1;
  function addRow() {
    $('#newitems tr:last').before('<tr><td><input type="text" name="value'+count+'" value="value'+count+'"></td></tr>');
    count++;
  }
</script>

【讨论】：

【解决方案2】：

首先，您需要一个值来保存数字。我们就叫它i：

var i = 1;

然后，无论何时输出该行，使用 i 的当前值并递增它：

$('#newitems tr:last').before('<tr><td><input type="text" name="itemnum' + i + '" value="value' + i++ + '"></td></tr>');

请注意，我只在一次使用时增加它，否则它会增加两次。使用++ 运算符意味着它计算为当前值，但在计算后递增。

【讨论】：

【解决方案3】：

如果我理解你的话，你可以这样做：

<script>
var i = 1;
function addRow()
{
$('#newitems tr:last').before('<tr><td><input type="text" name="itemnum'+i+'" value="value'+i+'"></td></tr>');
i += 1;
}
</script>

【讨论】：

就是这样，我觉得有点愚蠢，因为我不记得如何在 javascript 中连接这样的字符串。

【解决方案4】：

你可以试试这样的：

var i = 1;
function addRow(){
    $('#newitems tr:last').before('<tr><td><input type="text" name="itemnum' + i + '" value="value' + i + '"></td></tr>');
    i++;
}

或

function addRow(num_rows){
    for(i=0;i<num_rows; i++){
        $('#newitems tr:last').before('<tr><td><input type="text" name="itemnum' + i + '" value="value"></td></tr>');
    }
}

【讨论】：