jquery - jQuery.each() 构建一组 jQuery 对象，附加在之后

Question

为了效率，我想.append()在我之后运行一首单曲。.each()我试图构建我的对象集，但它不会运行。它类似于这个问题，除了我正在构建一个 jQuery 对象而不是字符串。

JQuery追加以选择数组

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

它必须是一个对象吗？为什么不直接附加到一个字符串，然后再附加该字符串？

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

Answer 2

您不应该连接对象，您的代码会导致[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/