<?xml version="1.0" encoding="utf-8" ?>
<books>
<book title="藏地密碼" imageurl="images/Tibet_Code.jpg">
<description>
這里是概況(m.survivalescaperooms.com)
</description>
</book>

<book title="劍橋雅思6" imageurl="images/ielts.jpg">
<description>
這里是概況(m.survivalescaperooms.com)
</description>
</book>

<book title="Professional ASP.NET" imageurl="images/asp.jpg">
<description>
這里是概況(m.survivalescaperooms.com)
</description>
</book>
</books>

$(document).ready(function()
{
$.get('myData.xml', function(d){
$('body').append('<h1> Saturn給你推薦幾本書： </h1>');
$('body').append('<dl />');

$(d).find('book').each(function(){

var $book = $(this);
var title = $book.attr("title");
var description = $book.find('description').text();
var imageurl = $book.attr('imageurl');

var html = '<dt> <img class="bookImage" alt="" src="' + imageurl + '" /> </dt>';
html += '<dd> <span class="loadingPic" alt="Loading" />';
html += '<p class="title">' + title + '</p>';
html += '<p> ' + description + '</p>' ;
html += '</dd>';

$('dl').append($(html));

$('.loadingPic').fadeOut(2000);
});
});
});