画像とjQueryの配列の反復

Question

var imgLink = ['ONYX', 'Bristol_Blue_B_002_10', 'Oakhampton_B_001_10-1', 'Quartet_KitchenCountertop_500x342', 'Eternal-Serena_RS11277_Silestone-Kitchen', 'zodiaq_provence_kitchen_2200x1467-b94f5-1', 'Eternal-Serena_RS11277_Silestone-Kitchen-1', 'Ecobycosentino-', 'Hanstone', 'IceStone-Forest-Fern-Shadowlight-Vignette-Kitchen-Countertop', 'RS833_Silversilk_OA-hpr-copy_CMYK', 'scalea']; 

    var imgArray = []; 

jQuery.each(imgLink, function(i){ 
    var img = jQuery('<img/>') 

    .attr("src", "http://www.link.com/wp-content/uploads/2017/10/" +imgLink[i]+ ".jpg") 
    imgArray.push(img[i]); 
}); 
console.log(imgArray); 

みなさん、こんにちは、私は上記のコードを持っており、私の目標は、それが属性を持つ配列の画像を作ることだが、結果は今

JSFiddle

です

誰でも私が間違っていることを助言することができます、ありがとう！

Answer 1

あなたはタイプミスがあります。

imgArray.push(img[i]); 

は次のようになります。

imgArray.push(img); // <-- img is not an array 

Answer 2

var imgLink = ['ONYX', 'Bristol_Blue_B_002_10', 'Oakhampton_B_001_10-1', 'Quartet_KitchenCountertop_500x342', 'Eternal-Serena_RS11277_Silestone-Kitchen', 'zodiaq_provence_kitchen_2200x1467-b94f5-1', 'Eternal-Serena_RS11277_Silestone-Kitchen-1', 'Ecobycosentino-', 'Hanstone', 'IceStone-Forest-Fern-Shadowlight-Vignette-Kitchen-Countertop', 'RS833_Silversilk_OA-hpr-copy_CMYK', 'scalea']; 
 

 
var imgArray = []; 
 

 
jQuery.each(imgLink, function(key, value) { 
 
    var img = jQuery('<img/>').attr("src", "http://www.link.com/wp-content/uploads/2017/10/" + value + ".jpg") 
 

 
    // uncomment below for img 
 
    //imgArray.push(img); 
 

 
    // just html for testing 
 
    imgArray.push(img[0]); 
 
}); 
 
console.log(imgArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>