每个div上的getJSON For循环

Question

$(document).ready(function(){
    var klient = 'tokenkeyvaluehere';
    var firstlink = 'https://graph.facebook.com/v2.8/me?fields=id,name,posts&access_token='+klient;
    $.getJSON(firstlink, function(dayta){

        var haitchteamel = "";
        var el = $('#facebookapi'); 
            $.each(dayta.posts.data, function(key, val){

                function firstpart(){return val.message;}

        var secondlink = 'https://graph.facebook.com/v2.8/'+val.id+'?fields=attachments&access_token='+klient;      
                    $.ajax({
                        url: secondlink,
                        success: function(result){
                            var theterms = result.attachments.data[0].media.image.src;
                            for (i = 0; i < document.getElementsByClassName('bisniss').length; i++){
                                $('.picture').eq(i).html('<img src="'+theterms+'"/>');

                            }
                        }
                    });

                    haitchteamel += `<div class="col-xs-12 col-sm-4 bisniss">
                    <p>`+firstpart()+`</p>
                    <div class="picture"></div>
                    </div>`;
            });
        el.html(haitchteamel);
    });
}); 

我的for循环遇到了一些问题。我已经为上下文添加了完整的代码，但我唯一遇到问题的部分是$('.picture')。

在某些情况下，我使用Facebook API来获取每篇帖子，如firstlink和firstpart()所示。使用我从此通话中获得的val.id，我使用该信息获取每个帖子附带的附件（即照片）。

我目前的问题是，.picture只会从我的帖子中检索其中一张图片，并将其分散到每个.picture div中。我的目标是只有每个帖子的附带图片。

显然我不了解For循环的使用。要么是这个，要么我的dom实施问题超过.picture。