javascript - 如何使用 jquery 或 jquery mobile mobile 根据日期列出数据

Question

我正在使用 jquery mobile 和 asp.net 开发图书馆移动应用程序我是 jquery mobile 的新手，我遇到了一个问题，我对根据我页面中的日期日期将是标题，并且在书籍缩略图下方将显示如下所示

我除了这个解决方案的代码我只需要一点想法来解决这个问题

注意：Json 解析和 Html 格式是我的主要目标

Answer 1

我想你正在寻找这样的东西。我已经采取了一些示例 json 并以日期作为标题显示在列表视图中。

<div data-role=header>
    <h1>Home</h1>
  </div>
  <div data-role="content" id="home">
  </div>


var response=[
  {"date":"27/09/2013", 
   "books":["All Passion Spent", 
            "All the King's Men", 
            "An Acceptable Time", 
            "An Evil Cradling"]
  }, 
  {"date":"26/09/2013",
   "books":["Bury My Heart at Wounded Knee", 
            "Butter In a Lordly Dish", 
            "Clouds of Witness", 
            "Cover Her Face"]}
];

show_response(response);

function show_response(myobj){
     var ansString ='<div><ul data-role="listview" data-theme="c" data-inset="true"               data-dividertheme="b" >';
 $.each(myobj,function(index,quesobj){
   ansString = ansString+"<li data-role='list-divider'><h3>"+quesobj.date+"</h3></li>"   
   for(key in quesobj.books){    
        ansString = ansString+'<li><a href="#">'+quesobj.books[key]+'</a></li>'                         
     }     
  });
    ansString = ansString+"</ul></div>"
    $("#home").html(ansString).trigger("create");
}

http://jsfiddle.net/YXLKw/3/