加载多个具有相同src的iFrame（密钥除外）

Question

我需要从Soundcloud加载大约十几个iFrame，并且除了音轨ID外，其他所有链接都相同。 我想知道是否有可能将元素与键和键的其余部分连接起来？ 像这样：我将键放在数组中，并试图对其进行迭代。 也许我的代码可以更好地解释。

    $(document).ready(function () {
  var iframe = [$('<iframe width="275" height="60" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/'+key+'&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=false"></frame>')];
  var key = [ 105222048,
              115799341,
              115799196,
              115728933,
              115798967,
              111209945,
              115798780,
              115798571,
              115798398,
              115798240,
              115798083,
              115797941,
              115797749
            ];
});
for (var j = 0,  i = $('.wrapper').length; j > i; j++) {
  console.log(iframe+key);
};

Answer 1

就像是 ：

$(function() {
    var keys = [ 105222048,
                 115799341,
                 115799196,
                 115728933,
                 115798967,
                 111209945,
                 115798780,
                 115798571,
                 115798398,
                 115798240,
                 115798083,
                 115797941,
                 115797749
    ];

    $('.wrapper').each(function(i, ele) {
        $('<iframe />', {
            width       : 275,
            height      : 60,
            scrolling   : 'no',
            frameborder : 'no',
            src         : 'https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/'+key[i]+'&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=false'
        }).appendTo(ele);
    });
});