第一種方案: 01 <script type="text/javascript"> 02 $(document).ready(function() { 03 $.ajax({ 04 url: 'http://www.nowamagic.net/cgi/test.xml', 05 dataType: 'xml', 06 success: function(data){ 07 //console.log(data); 08 $(data).find("channel").find("item").each(function(index, ele) { 09 var titles = $(ele).find("title").text(); 10 var links = $(ele).find("link").text(); 11 console.log(titles+'-----'); 12 $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>'); 13 }); 14 } 15 }); 16 }) 17 </script> 18 19 <div id="noticecon"> 20 <ol> 21 </ol> 22 </div> 第二種方案: <script type="text/javascript"> 02 $.get("http://www.nowamagic.net/cgi/test.xml", function(data){ 03 $(data).find('channel').find('item').each(function(index, ele){ 04 var titles = $(ele).find('title').text(); 05 var links = $(ele).find('link').text(); 06 $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>'); 07 }) 08 }); 09 </script> 10 11 <div id="noticecon"> 12 <ol> 13 </ol> 14 </div>