<div data-role="content">
<div class="ui-grid-b">
<div class="ui-block-a"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic1.jpeg"><p align="center">P1</p></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic2.jpeg"><p align="center">P2</p></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic3.jpeg"><p align="center">P3</p></div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic4.jpeg"><p align="center">P4</p></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic5.jpeg"><p align="center">P5</p></div></div>
</div>
JSON Web サービスを解析しています。応答から要素の数を抽出して画像を表示したいと考えています。(上記の場合、5 つの画像であり、これは JSON 内の要素の数に基づいて動的にする必要があります。
JSON Web サービス: http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback= ?
$.each() jquery 構文を使用して、items.title と items.media.m を抽出し、P1 と pic1.jpeg を置き換えています。
ui-block-a、ui-block-b、ui-block-c のように 3 つのクラスが交互に存在する場合に、div 要素の数を動的に生成する方法。これを行うより良い方法はありますか？
jquery ui-grid よりもテーブルを使用する方が良い解決策ですか?