将动态生成的列表中的数据从一个页面传递到另一个页面

在我的jquery移动应用程序中,我有一个动态生成的列表视图,我想要做的是当用户单击列表项时,我想从listitem中的隐藏字段获取值并将该值传递给另一个页面以便我可以根据该变量值进行查询。 (这是多页布局)

由于我与第一页在同一个DOM中,我假设我可以使用普通的旧变量访问数据并传递给另一个页面。 我需要知道的是,如何从动态生成的列表中获取值。 任何帮助,将不胜感激。

  • Today's Journey
  • <a href="#journeydetails?id=" id="journeyDetailsDriver" data-transition="flip" >
    <img src="https://stackoverflow.com/questions/16082357/pass-data-from-a-dynamically-generated-list-from-one-page-to-another/" class="thumb-speaker-small" alt="" />

    //VALUE I NEED FROM HIDDEN FIELD <input type="hidden" name="journeyID" id="journeyID" value="">

您可以使用URL查询标记,或将数据保存在cookie或HTML5本地/会话存储中。

要从列表中获取信息,这是一个示例

 
  • Coffee
  • Tea
  • Milk
var a = [], list = document.getElementsByTagName("li"); Array.prototype.forEach.call(list, function(entry) { a.push(entry.textContent); }); console.log(a);

在jsfiddle上可用