javascript - 将 JSON 检索到的图像 URL 放入其中标签

Question

我有一个使用以下代码的有效 JSON 响应：

在我的 html 中，我有：

<ol id="selectable"></ol>

在javascript中我有：

<script type="text/javascript">
// json response ...
if (response.success) {
    $.each(response.data.photos, function(i,photo){
        $("<img/>").attr("src", photo.image_url).appendTo("#selectable");
        if ( i == 20 ) return false;
    });       
}

这给了我：

<ol id="selectable">
    <img src="a.jpg">
    <img src="b.jpg">
    <img src="c.jpg">               
</ol>

但我想要的是这样的列表：

<ol id="selectable">
    <li><img src="a.jpg"></li>
    <li><img src="b.jpg"></li>
    <li><img src="c.jpg"></li>
</ol>

Answer 1

尝试这个：

$("<img/>").attr("src", photo.image_url).wrap('<li>').appendTo("#selectable");

Answer 2

利用

("#selectable").append("<li><img src = "+photo.image_url+" /></li>");

代替

$("<img/>").attr("src", photo.image_url).appendTo("#selectable");