javascript - 给每个元素一个唯一的ID

Question

我一直在浏览帖子，但似乎无法解决最后一个问题，即如何为每个元素提供唯一的 id，例如 childsAge1、childsAge2 等

for (var u = 0; u < 16; u++) ;

            var container = $('<div />');
            for (var i = 1; i <= num; i++) {
                container.append('<div>\n' +
                    '<select name="childsAge">    \n' +
                    '<option value="0">Less than 1</option>\n' +
                    '<option value="1">1</option>\n' +
                    '<option value="2">2</option>\n' +
                    '<option value="3">3</option>\n' +
                    '<option value="4">4</option>\n' +
                    '<option value="5">5</option>\n' +
                    '<option value="6">6</option>\n' +
                    '<option value="7">7</option>\n' +
                    '<option value="8">8</option>\n' +
                    '<option value="9">9</option>\n' +
                    '<option value="10">10</option>\n' +
                    '<option value="11">11</option>\n' +
                    '<option value="12">12</option>\n' +
                    '<option value="13">13</option>\n' +
                    '<option value="14">14</option>\n' +
                    '<option value="15">15</option>\n' +
                    '<option value="16">16</option>\n' +
                    '<option value="17">17</option>\n' +
                    '</select>\n' +
                    '</div>');
            }
            $('#dvChildren').html(container);

如您所见，我可以根据

的值创建所需的下拉列表数量

$('#SelectedChildrenValue').change(function() {
            var num = parseInt($(this).val(), 10);

但我似乎无法弄清楚如何添加唯一的 id，我尝试过的所有方法都不起作用，查看其他帖子并尝试他们的示例也不起作用。我是否缺少一些简单的东西。

如有任何帮助，我们将不胜感激

<小时/>

问题已解决，我应该使用 <select name="childsAge' +i+ '">

Answer 1

尝试一下

for (var i = 1; i <= num; i++) {
            container.append('<div>\n' +
                '<select name="childsAge" id="childsAge'+i+'">    \n' +