如何为动态生成的输入添加唯一ID? [英] How to add unique ID to dynamically generated inputs?

问题描述

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

Basic question; I have this code:

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);         
});

它使用2个输入创建无限的行，如何设置它们的唯一ID?例如:

It creates unlimited rows with 2 inputs, how can I set them unique IDs? For example:

<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:

Use a counter to keep track of the 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);         
});

这篇关于如何为动态生成的输入添加唯一ID?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！