Как извлечь отдельные элементы из массива - jquery

Question

Я извлекаю массив изображений из файла JSON, и у меня есть html img, куда я помещаю источник изображения в:

html:

<img class="photos" src="" alt="" />

JS:

for (var i = 0, len = data.length; i < len; i++) {
     var $div = $(".venue:first").clone();
     data.[i].photos;
     $div.find(".photos").attr("src", data[i].photos);
}

[EDIT]

JSON: 
comedyData([
    {
        "name": "Broadway Comedy Club",
        "checkinsCount": 2695,
        "tipCount": 36,
        "phone": "2127572323",
        "canonicalUrl": "https://foursquare.com/v/broadway-comedy-club/4afcb158f964a520212522e3",
        "mayor": "David M.",
        "mayor_photo": "https://img-s.foursquare.com/userpix_thumbs/1DFPPSPYD3N2DHBA.jpg",
        "address": "318 West 53rd St, New York, NY 10019",
        "photos": [
            "https://img-s.foursquare.com/derived_pix/0UZLALW0AOLS5NECIKPJQJ15BEUOTFSASYTF3JPWOPO4S130_100x100.jpg",
            "https://img-s.foursquare.com/derived_pix/MMP15NDCGLEC2GKJZEHIVLWLUXJ2IVZHM0DR1Z2K22MQF0PR_100x100.jpg",
            "https://img-s.foursquare.com/derived_pix/RNW1WQQS3BKGMAJT3VV5RJ5XDBQ4FJ1WAGBREWLAWWSM41VB_100x100.jpg",
            "https://img-s.foursquare.com/derived_pix/RI1LT5EUNKFN3303TRI23F0WKCCICOIHNGXTTXDLDEIH454V_100x100.jpg",
            "https://img-s.foursquare.com/derived_pix/0VACIGDCLHHS4FKZO13EDO5SCOCAKGLRE04DSR3B0WT3E0X0_100x100.jpg",
            "https://img-s.foursquare.com/derived_pix/Q2GHCRHSUEUL3AQELVE3KSMP3SMUBDXBWIGXAVSMEKPDVPAQ_100x100.jpg"
        ]
    }

Моя проблема заключается в том, что он помещает массив изображений в атрибут изображения, но я просто хочу по одному за раз.Я не уверен, как получить отдельные изображения из массива и поместить их в HTML-изображение src?

Answer 1

Вы можете поставить function(i, attr) в свой .attr()

for (var i = 0, len = data.length; i < len; i++) {
     var $div = $(".venue:first").clone();
     data.[i].photos;
     $div.find(".photos").attr("src", function(index, src){
        return data[i].photos[index];
     });
}