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");