每个图像的Jquery $（文档）.ready（函数（）{ var klient='accesstokencode'； var firstlink=https://graph.facebook.com/v2.8/me?fields=id，名称，帖子和访问令牌='+klient； $.getJSON（第一个链接，函数（dayta）{ var haitchteaemel=“”； var el=$（“#facebookapi”）； $.each（dayta.posts.data，函数（key，val）{ 函数runner（）{ 如果（val.message）{ 返回val.message； } 否则如果（！val.message）{ 返回val.story； } } var secondlink=https://graph.facebook.com/v2.8/“+val.id+”？字段=附件和访问令牌=”+klient； $.getJSON（第二个链接，函数（beyta）{ var target=beyta.attachments.data[0].media.image.src； 控制台日志（目标）； $（'.imageplace'）.attr（“src”，目标）； }); haitchface+=`

`+跑步者（）+`

`; }); html（haitchteamel）； }); }); 我正在尝试使用Facebook API获取这两篇文章以及这些文章可能附带的任何图片。然而，这个问题并不是facebookapi所特有的，在我看来更像是一个逻辑问题

为了给大家提供一些上下文，Facebook Graph API不会在一次调用中显示图像中的每个帖子。你可以得到你的帖子，但不能得到附带的图片。实际上，您必须使用post ID进行单独的API调用才能获得它

我代码中的当前问题是，当我正确地记录每篇文章的每张照片时，我的

.imageplace

div只在所有

.imageplace

div中显示一张图像

---

如何使用适当的for循环修改代码，以显示每个

imageplace

类和适当的post图像？

$（'.imageplace'）

我添加了一个

for（I=0；I<$（'.imageplace'）.length；I++）{$（'.imageplace'）.eq（I）.attr（“src”，target）；}

仍然不起作用。我在手机上，因此无法检查，但您似乎正在jQuery调用后创建

.imageplace

元素。这行不通。在处理这个DOM之前，需要使它可用。无论如何，最好的办法是创建这些已经填充了数据的元素。例如：在顶部初始化一个

images

数组，然后对每个AJAX调用执行

images.push（$）。最后，您可以使用jQuery的
append
方法在某处渲染数组，如
$（某处）。append（images）
。这只是一个想法。我明天在PC上会看到。“您可以获取您的帖子，但不能获取附带的图像。按原样，您必须使用帖子ID进行单独的API调用才能获取。”–不，您不能。
？fields=posts{attachments，您可能需要的其他字段}
$(document).ready(function(){
    var klient = 'accesstokencode';
    var firstlink = 'https://graph.facebook.com/v2.8/me?fields=id,name,posts&access_token='+klient;
    $.getJSON(firstlink, function(dayta){

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

                function runner(){
                    if (val.message){
                        return val.message;
                    }
                    else if (!val.message){
                        return val.story;
                    }
                }

        var secondlink = 'https://graph.facebook.com/v2.8/'+val.id+'?fields=attachments&access_token='+klient;                      
            $.getJSON(secondlink, function(beyta){
                    var target = beyta.attachments.data[0].media.image.src;
                    console.log(target);
                    $('.imageplace').attr("src", target);
            });

                    haitchface += `<div class="col-xs-12 col-sm-4">
                    <p>`+runner()+`</p>
                    <img class="imageplace"/>
                    </div>`;
            });
        el.html(haitchteamel);
    });
});