Javascript 如何从查询中使用JS/JQ显示单个图像？

使用Parse.com和JavaScript SDK

下面的代码运行一个查询，该查询有多个结果。然后，它迭代这些内容并显示

profileURL: Badgeresults[i].get('SentTo').get('pic'),

返回一个配置文件图片，当前我只想显示一次，因为它位于

 `_.each(Badges, function (item) {` 

它对返回的每个对象重复的部分

在何处以及如何添加一行以仅显示一次配置文件图片，我知道它需要在

.each（徽章、函数（项）{

之外，但我希望它显示在这些结果的顶部。我假设我需要使用类似`$（'.\profile_pic'）.attr（'src'，imageURL[0]）的东西

要展示它吗`

-

query.find({
成功：功能（结果）{
//如果查询成功，请将每个图像URL存储在图像URL的
var徽章=[]；
对于（var i=0；i”）；
append（“”+”
”）；
append（“”+item.categorySelected+“”+”
”）；
append（“”+item.badgeNameSelected+“”+”
）；
append（“”+item.AwardedBy+“”+”
”）；
包装器。追加（“”+item.AwardedTo+“”+”
”）；
append（'+'原因：'+item.comment+'+'
'）；
$（“#containerFriendsBadges”）.append（包装器）；

“仅显示一次配置文件图片”-这是否意味着Badgeresults（或您的徽章）可以多次包含相同的图片（url）

---

如果是这样的话-我会在将重复字符串放入徽章之前写一个检查，并将其（检查）放在徽章之前。push（{..

是的，它会。我不确定我是否真的能接受答案，它不太详细。好吧，当然，我理解：）如果你能提供完整的代码（例如jsfiddle），我很乐意更具体：）

            query.find({
                success: function(Badgeresults) {
                    // If the query is successful, store each image URL in an array of image URL's

                    var Badges = [];

                    for (var i = 0; i < Badgeresults.length; i++) {

                            Badges.push({

                        imageURL: Badgeresults[i].get('Global_Badges_img'),
                        categorySelected: Badgeresults[i].get('category'),
                        badgeNameSelected: Badgeresults[i].get('BadgeName'),
                        AwardedBy: Badgeresults[i].get('uploadedBy').get('username'),
                        AwardedTo: Badgeresults[i].get('SentTo').get('username'),
                        profileURL: Badgeresults[i].get('SentTo').get('pic'),
                        comment: Badgeresults[i].get('Comment'),



                    });

                }

_.each(Badges, function (item) {
                    var wrapper = $('<div></div>');
                    //$('#profile_pic').append('<img class="images BadgeImgOutline responsive-image"  src="' + item.profileURL + '" />');
                    //wrapper.append('<img class="images responsive-image BadgeImgOutline" src="' + item.profileURL + '" />'+ '<br>');
                    wrapper.append('<img class="images responsive-image BadgeImgOutline" src="' + item.imageURL + '" />'+ '<br>');
                    wrapper.append('<div class="tag categorySelectedlabel">' + item.categorySelected  + '</div>' + '<br>');
                    wrapper.append('<div class="tag badgeNameSelected">' + item.badgeNameSelected   + '</div>' + '<br>');
                    wrapper.append('<div class="tag awardedbylabel">' + item.AwardedBy   + '</div>' + '<br>');
                    wrapper.append('<div class="tag senttolabel">' + item.AwardedTo   + '</div>' + '<br>');
                    wrapper.append('<div class="item  fui-chat">' + ' Reason: ' + item.comment + '</div>' + '<br>');  



                        $('#containerFriendsBadges').append(wrapper);