javascript - 使用具有唯一ID的jQuery附加输入

当我单击按钮jQuery时，在div内添加新输入，如下所示：

$('#addIndirectCityBtn').click(function () {
    var inputs = $("#additionalCityInputs input").length

    if (inputs <= 3) {
        $('#additionalCityInputs').append('<input type="text" placeholder="Miasto" class="form-control" style="margin-bottom: 5px;" />')
    }
})

如何为每个新输入添加uniqe ID？
前一个例子是id =“ new1”，第二个是id =“ new2”，依此类推。

有任何想法吗？

最佳答案

$('#addIndirectCityBtn').click(function () {
    var inputs = $("#additionalCityInputs input").length

    if (inputs <= 3) {
        var newId = 'newId'+(inputs + 1);
        $('#additionalCityInputs').append('<input id="'+newId+'" type="text" placeholder="Miasto" class="form-control" style="margin-bottom: 5px;" />')
    }
})

关于javascript - 使用具有唯一ID的jQuery附加输入，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34512798/