javascript - JSONからhtmlのリストに画像とテキストを追加する

Question

私の使用例は、画像とテキストをリストに動的に追加することです。私が持っているのは JSON (結果セットとして DB から抽出されたもの) だけです。JSON 構造は次のとおりです。

[{"Comment":"Test","FilePath":"\/storage\/sdcard0\/20130725153841.JPEG"},{"Comment":"Image List","FilePath":"\/storage\/sdcard0\/20130725160020.JPEG"}]

したがって、私の Java スクリプトでは、次のコードを使用して、このリストを HTML 本文に追加します。

<script>
$(document).ready(function(e) { 
    var data =     [{"Comment":"Test","FilePath":"\/storage\/sdcard0\/20130725153841.JPEG"},{"Comment":"Image List","FilePath":"\/storage\/sdcard0\/20130725160020.JPEG"}]
    var items = [];
    $.each(data, function(key, val) {
        items.push('<li id="' + key + '">' + val.Comment + '</li>');
    });
    $('<ul/>', {        
        html: items.join('')
        }).appendTo('body');
    });
</script>

ここでは、イメージ (ファイルパスは JSON で利用可能) をリストに追加しようとしています。したがって、リストには画像 (小さいものでもかまいません。これにはスタイリングを使用します) とコメントを並べて含める必要があります。

誰か助けてください。

編集：

私はこれを試しました：私はリストランタイムを構築しています..だから、私は使ってみました

val.comment ..の前に動作していないようです。これについて何か言葉はありますか？