0

我正在开发一些网络应用程序，我从后端返回了一个 json，它看起来像这样

    [
  {
    "Client": "something",
    "Market": "something",
    "Media": "something",
    "Research link (Google docs)": null,
    "Thumbnail": "\/web\/uploads\/5202036b0980b.jpeg",
    "Image1": "\/web\/uploads\/52022df0a0622.jpeg",
    "Image2": "\/web\/uploads\/52022e1a3e7c8.jpeg",
    "Image3": "\/web\/uploads\/52022e3520370.jpeg",
    "Image4": "\/web\/uploads\/52022e630e634.jpeg",
    "Image5": "",
    "id": 983
  },..............
]

我在骨干网工作，所以我使用下划线作为模板，我的问题是

因为fot这个图像，Image1，Image2 ...我有一个像这样的Html结构

<ul class="slides">
              <li>
                 <img src="http://placehold.it/760x300" alt="" />
              </li>
              <li>
                   <img src="http://placehold.it/760x300" alt="" />
              </li>
              <li>
                    <img src="http://placehold.it/760x300" alt="" />
              </li>
 </ul>

如何通过这些图像循环内容并以这种结构打印它们？

让我困惑的是我没有单独的幻灯片对象：/

4

2 回答 2

0

$.each()使用可以跨对象属性循环的 jquerys http://api.jquery.com/each/

<%
$.each(object, function(key, value){
    if(keyStartsWithImage){
%>       
   <li>
         <img src="<%=value%>" />
   </li>
<%
    }
});
%>
于 2013-09-13T03:23:29.470 回答
0

Image* 的数量是否有所不同，还是总是 5 张图像？如果总是五个，你可以一个一个地提取它们：

<img src="<%= response[0].Image1 %>" />
<img src="<%= response[0].Image2 %>" />
etc

如果没有，您必须检查该属性是否存在：

var i = 1;
while (response[0].hasOwnProperty('Image'+i)) {
    <img src="<%= response[0]['Image'+i] %>" />
于 2013-09-11T14:48:30.393 回答