使用jQuery顯示多個結果

Question

我正在使用Google地圖並返回正在工作的所有長/ Lat和Info框。我想填充一些關於我回來的結果的信息。我雖然可以使用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  
});