-2

私はWebアプリケーションを実行しており、JavaScriptのオブジェクトのこの配列をHTMLの「ul」に変換する関数を実装する必要がありますが、わかりません。

データベースにタスクアイテムを保存しています。これは、DBからGET関数を呼び出したときにデータベースから得られる結果です。

{"code": "ok", "data": [
        {"done": 1, "deadline": "2012-11-09", "id": 1, "desc": "Go to run"}, 
        {"done": 0, "deadline": "2012-11-09", "id": 2, "desc": "Go to doctor"}, 
        {"done": 0, "deadline": "2012-11-08", "id": 3, "desc": "Go to buy"}
]}

各タスクオブジェクトを次のようなHTML「ul」に配置する必要があります。

<ul>
<a href="#dialog"><li data-task-id="1">
    <p class="desc">Go to run</p>
    <time datetime="2012-11-09">09/11/2012</time>
    <p class="done" data-task-done="yes">done</p>
</li></a>

<a href="#dialog"><li data-task-id="1">
    <p class="desc">Go to doctor</p>
    <time datetime="2012-11-09">09/11/2012</time>
    <p class="done" data-task-done="yes">done</p>
</li></a>

<a href="#dialog"><li data-task-id="2">
    <p class="desc">Go to buy</p>
    <time datetime="2012-11-09">09/11/2012</time>
    <p class="done" data-task-done="no">not done</p>
</li></a>

   

配列からこのhtmlコードを作成するにはJavaScript関数が必要です。

どうもありがとう。

4

1 に答える 1

1

配列を反復処理する必要があります

var arr = YOUR_DATA.data;
var code = "";
for ( var i=0; i < arr.length; i++) {
    // This is called for every Item

    var currentItem = arr[i];
    // This is your Item

    code += '<a [...] <p class="desc">' + currentItem.desc + '</p> [...]'
    /*
        Just replace the brackets and write your HTML Code in there
        If there is a variable write " '+currentItem.VAR_NAME+' "
    */
}
于 2012-11-06T22:23:21.227 に答える