jquery动态ul foreach数组

Posted 2023-05-09

【中文标题】jquery动态ul foreach数组

【英文标题】：Jquery dynamic ul foreach array

【发布时间】：2016-06-26 03:22:35

【问题描述】：

简单的问题。我有一个从 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>

【参考方案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>'
          );

   )

【讨论】：

我发誓我这样做了……它没有用，但现在它可以了。感谢新浪

您可能错过了一点+ 标志或其他东西。别担心朋友。快乐编码:)