2012-01-19 8 views
-1

xml解析に問題があります。私は、これは簡単です知っているが、それは狂気私を運転だxmlをjqueryで解析する問題がある

<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出力を整理しなければならなかったし、それがとてもうまくいきました。非常に義務づけられたサー! –