javascript - 使用 jQuery 显示多个结果

Question

我正在使用谷歌地图并返回所有长/纬度和信息框，这是有效的。我也想填充一些有关我返回的结果的信息。我虽然可以使用 jquery.html() ，一切都很好，但只带回最后一个。它在我的 $.each() 中，我将其移动到 .each 调用中的不同位置，但似乎无法弄清楚它。

 console.log(data.d);
                var response = JSON.parse(data.d);
                $.each(response, function (index, po) {
                    // map
                    var marker = map.addMarker(
                        {
                            lat: (parseFloat(po.Outward)),
                            lng: (parseFloat(po.Inward)),
                            content: '<span style="color:#00539f;">' + po.CompanyName + '</span>',
                            id: 1// adding custom properties to the object

                        },$('.address-results').html("<div class='address-result'><h5 class='bold-blue'>" + po.CompanyName + "</h5><span class='glyphicon glyphicon-info-sign address-icon'></span><br/><span>" + po.Street + "</span><br/><span>" + po.Town + "</span><br/><span>" + po.County + "</span><br/><span>" + po.Postcode + "</span></div>")
                        );
                     // I have tried here as well    
                });

我应该做什么来填充所有信息框？

Answer 1

您可以先清空结果，然后使用 .append() 而不是 .html()。这将附加结果而不是替换它。

console.log(data.d);
//empty result
$('.address-results').empty();
var response = JSON.parse(data.d);
$.each(response, function (index, po) {
    // map
    var marker = map.addMarker(
        {
            lat: (parseFloat(po.Outward)),
            lng: (parseFloat(po.Inward)),
            content: '<span style="color:#00539f;">' + po.CompanyName + '</span>',
            id: 1// adding custom properties to the object

        },$('.address-results').append("<div class='address-result'><h5 class='bold-blue'>" + po.CompanyName + "</h5><span class='glyphicon glyphicon-info-sign address-icon'></span><br/><span>" + po.Street + "</span><br/><span>" + po.Town + "</span><br/><span>" + po.County + "</span><br/><span>" + po.Postcode + "</span></div>")
        );
     // I have tried here as well    
});