如何添加第三個變量到jQuery「each」函數？

Question

我有一些棘手的問題。我試圖在下面的函數/循環中添加一個第三個參數，並且已經撞牆了。幫幫我？

​​

下面的代碼是什麼樣子的studentselectValues變量：

studentselectValues = { 
    '1': 'My 1st Option', 
    '2': 'My 2nd Option', 
    '3': 'My 3rd Option' 
} 

我在做什麼是填充與上面顯示的選項的選擇。我的目標是爲每個選擇添加一個第三個屬性。有沒有人有線索我會如何做到這一點？

在此先感謝。

Answer 1

我會做的studentselectValues哈希散列成一個陣列...這樣，你可以使用盡可能多的屬性，你需要：

studentselectValues = [ 
    { id: '1', key: 'My 1st Option', text: 'First' }, 
    { id: '2', key: 'My 2nd Option', text: 'Second' }, 
]; 

$.each(studentselectValues, function(index, item) { 
    $('select[name="cf_Student"]') 
     .append($("<option></option>") 
     .attr("value",item.key) 
     .text(item.text)); 
}); 

Fiddle

Answer 2

studentselectValues = [{ 
    {key:'1', value:'My 1st Option', third:"third value"}, 
    {key:'2', value:'My 2nd Option', third:"third value"}, 
    {key:'3', value:'My 3rd Option', third:"third value"} 
}]; 

$.each(studentselectValues, function(index, data) { 
$('select[name="cf_Student"]') 
     .append($("<option></option>") 
     .attr("value",data.key) 
     .text(data.value+ " "+ data.third)); 
} 

在一個旁註，你不應該追加循環中的每個項目：它的資源很大。連接，然後附加。

var studentselectValues = [{ 
    value: '1', 
    key: 'test', 
    third: 'hoho' 
}, { 
    value: '2', 
    key: 'test2', 
    third: 'test' 
}]; 
var options = []; 
$.each(studentselectValues, function() { 
    options.push('<option value="' + this.key + '">' + this.value + ' ' + this.third + '</option>'); 
}); 
var optionsS = options.join(); 
$('select[name="cf_Student"]').append(optionsS); 

Answer 3

我推薦你用對象創建一個數組，然後你是否可以用你想要的來餵它。

var studentselectValues = [ 
    { value: 1, label: 'test', extraattr: 'hoho' }, 
    { value: 2, label: 'test2', extraattr: 'test' } 
    ]; 

    $.each(studentselectValues, function() { 
    $('select[name="cf_Student"]') 
     .append($("<option/>") 
     .val(this.value) 
     .attr('data-id', this.extraattr) 
     .text(this.label)); 
    });