0

私はいくつかのWebアプリに取り組んでおり、バックエンドから返された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
  },..............
]

私はバックボーンで作業しているので、テンプレート化にアンダースコアを使用しています。私の質問は

この画像、 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 に答える