Javascript 如何动态创建具有不同ID的输入元素？

我使用JavaScript动态生成输入。但是，我不确定如何才能将ID添加到这些文件中。让我明确一点：我希望每个人都有不同的id，我知道如何为所有人只添加一个id

这就是我尝试过的：

$(document).ready(function() { 
var wrapper         = $(".wayptHolder");      //Fields wrapper
var add_button      = $(".add_field_button"); //Add button ID
var x               = 0;                      //initial text box count

//add input element 
$(add_button).click(function(event){          
    event.preventDefault();
    if(x < 8){ 

      $(wrapper).append('<div><input type="text", id="waypt"' + x + ' class="form-control added-input", placeholder="Next"><a href="#" class="remove_field">Remove</a></div>');//add inputbox
        x++;
     }
});


    $(wrapper).on("click",".remove_field", function(event){ //user click on remove text
        event.preventDefault(); $(this).parent('div').remove(); x--;
    })
});

$（文档）.ready（函数（）{
var wrapper=$（“.wayptHolder”）；//字段包装器
var add_button=$（“.add_字段_button”）；//添加按钮ID
var x=0；//初始文本框计数
//添加输入元素
$（添加按钮）。单击（函数（事件）{
event.preventDefault（）；
如果（x<8）{
$（包装器）.append（“”）；//添加inputbox
x++；
}
});
$（包装器）。在（“单击”，“删除”字段）上，函数（事件）{//用户单击删除文本
event.preventDefault（）；$（this.parent（'div'）.remove（）；x--；
})
});

---

但是，在新元素上，它将id显示为just waypt。我已经研究过了，它看起来不像JavaScript有字符串插值。例如，Ruby解决了这个问题，它能够让waypt#{x}使字符串将x解释为变量。JS如何复制这种行为

您的双引号未正确关闭：

$(wrapper).append('<input type="text", id="waypt"' + x + ' class="...

---

$（wrapper）.append（“我不确定我是否正确理解您的意思，但如果您要生成Id，请尝试以下操作：

var date = new Date();
var ticks = date.getTime();

现在，勾号将为您提供一个非常独特的编号，您可以将其连接到您的id：

id = "waypt"+ticks;

希望有帮助
控制台怎么说？使用的逻辑可能会在DOM中出现重复的ID谢谢！我需要回顾一下它看起来的基础知识！
var date = new Date();
var ticks = date.getTime();

id = "waypt"+ticks;