jquery - jqueryを使用してファイル内のデータを動的に取得する方法は?

Question

ページのコンテンツ部分に表示されるデータを取得しようとしています。ホームページでは、使用してxmlファイルを読み込んでajax()おり、データをリストビューに表示しています。リストビューの項目をクリックすると、動的に作成された別のページでその関連ファイルが開きます。そのため、すべての項目には個別のファイルが含まれています (これは .txt ファイルにあります)。その動的ページ ( [data-role="content"]) でファイルを読み込んでいますそのアイテムに関連するデータが含まれています。ファイルデータを取得したいです。

ファイル内のデータを表示する動的ページの作成:

$($.mobile.pageContainer).append('<div data-role="page" id="' + seq + '" class="items">
  <div data-role="content" id="desc"></div>
  <div data-role="footer" data-position="fixed" class="my-footer">
  <div class="ui-block-a ui-bar-a" data-theme="a">
  <div align="left" style="padding-left:5px;padding-top:3px;height:33px;height:40px;">
  <a href="#home" class="ui-btn-left" data-role="button" data-icon="home" data-iconpos="notext"></a>
  </div></div>
  <div class="ui-block-b ui-bar-a"><div align="center" style="padding-top:3px;height:33px;text-align:center;height:40px;">
  <div style="padding-bottom:7px;"><a href="" data-role="button" class="addToFavoritesDiv">Bookmark</a>
  <a href="" data-role="button" class="shareDiv">Share</a></div></div></div><div class="ui-block-c ui-bar-a">
  <div align="right" style="padding-top:3px;height:33px;height:40px;">
  <a href="#" class="ui-btn-right" data-role="button" data-icon="back" data-rel="back" data-iconpos="notext"></a></div></div></div></div>');

$('[data-role=page]#' + seq + ' [data-role=content]').load(file);

実際には、データを保存するために使用localStorageしています。データはリストビューの形式で保存されていますが、ページのURLを取得するように試みました。保存されたデータ項目をクリックすると、そのファイルが開きます。しかし、問題は、ページ（リストビューのアイテム）にswipe効果を実装することです。nextprevious

var url = $(location).attr('href');
var demo = localStorage.getItem(url);
// var s = '<li data-role=\"list-divider\"></li>';
$("#favoritesList").append('<li id="add"><a href="' + url + '" style="text-decoration:none;color:black">' + demo  + '</a></li>').attr('url', url);

そのため、その URL を取得しているときにlocalStorage上下にスワイプすると、他のファイルも読み込まれると思います。ファイル内の選択されたデータのみを取得するアイデアはありますか?

前もって感謝します。