2012-01-19 61 views
-1

我遇到了一些XML解析的問題。我希望將數據輸出爲這樣:解決與jQuery的xml問題

<ul id="schedule"> 
    <li><span class="title">Title</span> 
     <span class="date">Date</span> 
     <span class="desc">Description</span> 
    </li> 
</ul> 

和jQuery的

$(document).ready(function() 
    { 
     $.ajax({ 
     type: "GET", 
     url: "xml/schedule.xml", 
     dataType: "xml", 
     success: parseXml 
     }); 

     function parseXml(xml) 
     { 
      $(xml).find('item').each(function() { 
       var title = $(this).find('title').text(); 
       var date = $(this).find('date').text(); 
       var desc = $(this).find('description').text(); 

       $('#schedule').append($('<li><span class="'title'">' + title + '</span>' + ***the other elements i can't escape the 's***</li>')); 
      }); 
     } 
    }); 

終於XML

<?xml version="1.0" encoding="utf-8"?> 
<schedule> 
    <item> 
     <title>Event Name</title> 
     <date>18 Jan 2012 09:00 MST</date> 
     <description>Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget</description> 
    </item> 
</schedule> 

我知道這很簡單,但它快把我逼瘋了。謝謝!

回答

1

試試這個 HTML內容

<body> 
<ul id="schedule"> 
</ul> 
</body> 

jQuery的

$(document).ready(function() { 
      $.ajax({ 
      type: "GET", 
      url: "xml/schedule.xml", 
      dataType: "xml", 
      success: parseXml 
      }); 

      function parseXml(xml) 
      { 
       $(xml).find('item').each(function() { 
        var title = $(this).find('title').text(); 
        var date = $(this).find('date').text(); 
        var desc = $(this).find('description').text();    
        var cont = $('<li><span class="title">'+title+'</span>'+'<span class="date">'+date+'<span class="desc"></li>'); 

        cont.appendTo('#schedule'); 

       }); 
      } 
     }); 
+1

剛收拾在var續HTML輸出和它的工作很大。先生,非常感謝! –