Jquery 如何向动态生成的输入添加唯一ID?

Jquery 如何向动态生成的输入添加唯一ID?,jquery,Jquery,基本问题;我有以下代码: var partipiansRow = '<div class="form-row "><input type="text" id="name" class="textbox" /> <input type="text" class="textbox" id="email" /></div>' $(".button").live("click", function(){ $('.form-participants

基本问题;我有以下代码:

var partipiansRow = '<div class="form-row "><input type="text" id="name" class="textbox" /> <input type="text" class="textbox" id="email" /></div>'

$(".button").live("click", function(){
    $('.form-participants').after(partipiansRow);         
});
var partipiansRow=''
$(“.button”).live(“单击”,函数(){
美元(“.form participants”)。在(partipiansRow)之后;
});
它使用2个输入创建无限行,如何将它们设置为唯一ID?例如:

<div class="form-row "><input type="text" id="name1" class="textbox" /> <input type="text" class="textbox" id="email1" /></div>
<div class="form-row "><input type="text" id="name2" class="textbox" /> <input type="text" class="textbox" id="email2" /></div>
<div class="form-row "><input type="text" id="name3" class="textbox" /> <input type="text" class="textbox" id="email3" /></div>


谢谢。

使用计数器跟踪ID:

var nextRowID = 0;

$(".button").live("click", function(){
    var id = ++nextRowID;
    var partipiansRow = '<div class="form-row "><input type="text" id="name' + id + '" class="textbox" /> <input type="text" class="textbox" id="email' + id + '" /></div>';
    $('.form-participants').after(partipiansRow);         
});
var nextRowID=0;
$(“.button”).live(“单击”,函数(){
变量id=++nextRowID;
var partipiansRow='';
美元(“.form participants”)。在(partipiansRow)之后;
});

使用计数器跟踪ID:

var nextRowID = 0;

$(".button").live("click", function(){
    var id = ++nextRowID;
    var partipiansRow = '<div class="form-row "><input type="text" id="name' + id + '" class="textbox" /> <input type="text" class="textbox" id="email' + id + '" /></div>';
    $('.form-participants').after(partipiansRow);         
});
var nextRowID=0;
$(“.button”).live(“单击”,函数(){
变量id=++nextRowID;
var partipiansRow='';
美元(“.form participants”)。在(partipiansRow)之后;
});

使用当前时间
新日期().getTime()

$(“.button”).live(“单击”,函数(){
var uid=new Date().getTime(),
partipaniasrow='';
美元(“.form participants”)。在(partipiansRow)之后;
});

使用当前时间
新日期().getTime()

$(“.button”).live(“单击”,函数(){
var uid=new Date().getTime(),
partipaniasrow='';
美元(“.form participants”)。在(partipiansRow)之后;
});

我们可以创建动态且唯一的id,如

function createId() {
  return 'xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx'.replace(/x/g, function (c) {
    var r = Math.random() * 16 | 0;
    return r.toString(16);
  });
}

请参见此处

我们可以创建动态且唯一的id,如

function createId() {
  return 'xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx-xxxx'.replace(/x/g, function (c) {
    var r = Math.random() * 16 | 0;
    return r.toString(16);
  });
}
看这里