我正在使用此演示尝试使用JSON在我的页面上显示数据。图像显示,但是如何使用唯一的ID在其自己的列表项标签中显示每个图像?
喜欢
<li id="20393"> picture </li>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "mount rainier",
tagmode: "any",
format: "json"
},
function (data) {
$.each(data.items, function (i, item) {
$("<img/>").attr("src", item.media.m).appendTo("#images");
if (i == 3) return false;
});
});
由于
答案 0 :(得分:1)
与构建img
的方式相同,请使用标识的li
(api.jqueryui.com/uniqueId)进行包装。
$.each(data.items, function (i, item) {
$('<li />').uniqueId()
.append($('<img />').attr('src', item.media.m))
.appendTo('#images');
});
假设#images
是ul
或ol
。