オブジェクトの代わりにSweetAlertの値を表示するには

Question

私はhtml attrでスイートアラートライブラリを使用していますが、私はのを取得するとループからいくつかの値を表示する必要があります。

$(".track_details").click(function() { 
    var data = $(this).data('val'); 
    swal({ 
     title: "HTML <small>Title</small>!", 
     text: "<div class='row'>\ 
     <div class='col-md-2'>\ 
     <strong>\ 
      <span>Message</span>\ 
     </strong>\ 
    </div>\ 
     <div class='col-md-2'>\ 
     <strong>\ 
      <span>Status</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2'>\ 
     <strong>\ 
      <span>Datetime</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2'>\ 
     <strong>\ 
      <span>City</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-1'>\ 
     <strong>\ 
      <span>State</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-1'>\ 
     <strong>\ 
      <span>Zip</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2'>\ 
     <strong>\ 
      <span>Country</span>\ 
     </strong>\ 
    </div>\ 
    </div> <div class='row my_tracking_swal'></div> \ 
    " + $.each(data, function (index, val) { 
      $("<div class='col-md-2'>\ 
     <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
     <div class='col-md-2'>\ 
     <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2'>\ 
     <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2'>\ 
     <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-1'>\ 
    <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-1'>\ 
     <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    <div class='col-md-2' >\ 
    <strong>\ 
      <span>" + val.tracking_status + "</span>\ 
     </strong>\ 
    </div>\ 
    ").appendTo(".my_tracking_swal"); 
     }), 

     html: true 
    }) ; 

}); 

私のデータ値が

Answer 1

[{'tracking_status':'value'},{'tracking_status':'value'},{'tracking_status':'value'}]現在あなたがオブジェクトと文字列を連結しているように見えるです：

は、ここに私のコードです。そのため、結果として[object object]文字列が返されます。

あなたは良くは 別途データアレイからHTML文字列を作成し、あなたがswalの内側に貼り付けるHTMLでそれを連結思います。

これは役立ちます：？

var data = $(this).data('val'); 

var myTrackingContent = data.map(function(item) { 
    return "<div class='col-md-2'><strong><span>" + item.tracking_status + "</span> </strong></div>"; 
}).join(''); 

swal({ 
    title: "HTML <small>Title</small>!", 
    text: "...<div class='row my_tracking_swal'>" + myTrackingContent + "</div>...", 
    html: true 
}) ;