javascript - 如何为文本字段生成动态名称和 ID

Question

我有一个 JavaScript 函数，用于在单击前一个文本字段时动态生成文本字段。

HTML

<input class="incfield" type="text" name="textfield" />

JavaScript

$(function () {
var createNewField = function () {
    var $node = $('<input class="incfield" type="text" name="textfield");

    $node.one('click', createNewField);
    $(this).after($node);

}
    };

$('input.incfield').one('click', createNewField);

});

该函数工作正常，但我希望文本字段应该有一个动态生成的 id 和 name 标记。

例如:对于第一个文本字段 id=t1 t2，...等

我该怎么做？

Answer 1

 $(function () {
    var cnt= 0;
    var createNewField = function () {
    var $node = $('<input class="incfield'+cnt+'" type="text" name="textfield'+cnt+'"/>');

        $node.one('click', createNewField);
        $(this).after($node);
    cnt++;
    }
 };

这将创建动态名称和 ID“incfield0”和“textfield0”