給每個元素的唯一的ID

Question

我一直在尋找通過後，但似乎無法來解決如何給每個元素例如childsAge1一個唯一的ID這最後一個問題，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); 

值dropdownlists的數目，但我似乎無法找出如何添加唯一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' + 

Answer 2

設置dvChildren html內容後，試試這個，外面的for循環：

var $select = $("#dvChildren select"); 
$select.attr('id', function (index) { 
    return 'childsAge' + (index + 1); 
}); 

欲瞭解更多信息，請參閱此blog post。