jquery动态ul foreach数组

Question

简单的问题。我有一个从 REST api 生成的动态列表。这是我的代码。

   $.ajax({
   type: 'GET',
   url:'../endpoint/?tid='+$id,
   success: function(tracking){

       tracking = tracking.data[0];

       $.each(tracking, function(i,tracking){
           $parcel.append(
           '<li>Carrier: '+ tracking.carrier + '</li>'+
           '<li> Tracking Number:' + tracking.tracking_num +'</li>'
              );

       })

这是返回的内容

<ul id="Parcel">
 <li> Carrier: FedEX</li>
 <li>Tracking Number: 10</li>
 <li> Carrier: DHL/li>
 <li>Tracking Number: 20</li>
</ul>

我需要这个来代替 $.each 循环中返回的每个数组。

<ul id="Parcel">
 <li> Carrier: FedEX</li>
 <li>Tracking Number: 10</li>
</ul>
<ul>
 <li> Carrier: DHL/li>
 <li>Tracking Number: 20</li>
</ul>

Answer 1

你为什么不把它添加到你的append？

您可以首先拥有所需的主要div 或ul（例如<div id="Parcel">），然后将uls 相应地附加到div。

   $.each(tracking, function(i,tracking){
       $parcel.append(
       '<ul>'+
       '<li>Carrier: '+ tracking.carrier + '</li>'+
       '<li> Tracking Number:' + tracking.tracking_num +'</li>'+
       '</ul>'
          );

   })