jQuery.each（）構建一組jQuery對象，追加

Question

我想在我的.each()之後運行一個單一的.append()以提高效率。我試圖建立我的一套對象，它不會運行。這與這個問題類似，除了我構建一個jQuery對象而不是一個字符串。

JQuery append to select with an array

HTML

<select></select>

jQuery的

var items = ['apple','pear','taco','orange'], 
    options = ''; 

jQuery.each(items, function(i, fruit){ 
    options += jQuery('<option/>', { 
     value: fruit, 
     text: fruit 
    }); 
}); //added missing ');' 

jQuery('select').append(options); 

Answer 1

你不應該串連對象，你的代碼將導致[object Object][object Object]..。您還缺少)關閉each方法。

$.each(items, function (i, fruit) { 
    options += '<option value=' + fruit + '>' + fruit + '</option>'; 
}); 

$('select').append(options); 

http://jsfiddle.net/NxB6Z/

更新：

var items = ['apple', 'pear', 'taco', 'orange'], 
    options = []; 

jQuery.each(items, function (i, fruit) { 
    options.push($('<option/>', { 
     value: fruit, 
     text: fruit 
    })); 
}); 

jQuery('select').append(options); 

http://jsfiddle.net/HyzWG/

Answer 2

是否需要是一個對象？爲什麼不只是附加到一個字符串，然後追加該字符串？

$.each(items, function(i,fruit){ 
    options += "<option value='"+fruit+"'>"+fruit+"</option>"; 
});