javascript - 如何将元素从数组附加到容器？

Question

我正在通过随机播放从后端获取 json 对象。当它到达前端时，我正在循环对象并按它的 id 值放置到数组中。 所以我对它们进行了正确的重新排序。但是我无法将我保存的元素附加到数组中。

这是我的例子:

HTML : <div id="selectors"></div>

var object = [
    {"name":"name4", "id" : 4},
    {"name":"name1", "id" : 1},
    {"name":"name3", "id" : 3},
    {"name":"name2", "id" : 2}
    ]

var elements = [];

$.each(object,function(index, obj){
    var num  = parseInt(obj.id)
                elements[num] = $('<select></select>', {'id':num});
});

$('#selectors').append($(elements));

有人建议我正确的方法或告诉我最好的方法。

Here is the Live Demo

我正在寻找输出应该是:

<div id="selectors">
<select id="1"></select><select id="2"></select><select id="3"></select><select id="4"></select>

Answer 1

您最好使用 map()，它无论如何都会返回 jQuery 对象。然后你可以继续 sort() 你的选择框，通过它们的 ids:

var elements = $.map(object, function(v){
    return $('<select></select>', {'id':parseInt(v.id)});
}).sort(function(a,b){
    return a.prop('id') > b.prop('id');
});

$('#selectors').append(elements);

JSFiddle