使用jQuery在HTML表中显示单独的XML元素

function parseXml2(Xml) {
        var table = $('<table border="1" cellpadding="3" cellspacing="0"/>'),
            tbody = $('<tbody/>'),
            tr = $('<tr/>'),
            td = $('<td/>'),
            titles = [];
        //this part create the table cells
        $(Xml).find("programme").each(function() {
            var title = $(this).find("title").text();
            if( titles.indexOf( title ) === -1 ) {
                tbody.append( tr.clone().html( td.clone().html( title ) ) );
                titles.push( title );
            }
        });
        //this part creates the table and puts the table cells in it and appends the 
        //table to the #titl element
        $("#titl").append( table.html( tbody ) );
    }


//JUST FOR DEMO PURPOSES
var xml = '<?xml version="1.0" encoding="UTF-8"?>\
<channel id="sky_one" source="Sky" date="25/11/2014">\
    <programme>\
        <desc>Tony\'s motorcycle bursts into flames between his legs while town planner Liz is left in agony after her half-tonne horse bolts and lands on top of her. Also in HD</desc>\
        <title>The Real A &amp; E</title>\
        <end>0630</end>\
        <start>0600</start>\
    </programme>\
    <programme>\
        <desc>When Justin tries to detach a winch rope from a rock face during a charity event, a loose boulder falls on his pelvis. But with such rocky terrain, the Air Ambulance is unable to land. Also in HD</desc>\
        <title>The Real A &amp; E</title>\
        <end>0700</end>\
        <start>0630</start>\
    </programme>\
    <programme>\
        <desc>Temperatures rise as big boss Ken and legions of angry bakers take to the streets to protest against the \'Pasty Tax\', before Greggs faces its biggest-ever crisis. (S1, ep 4) Also in HD</desc>\
        <title>Greggs: More Than Meats The Pie</title>\
        <end>0800</end>\
        <start>0700</start>\
    </programme>\
    <programme>\
        <subtitle>That\'s Lobstertainment</subtitle>\
        <desc>Bender and Zoidberg travel to Hollywood in search of stardom. (S3, ep 8)</desc>\
        <title>Futurama</title>\
        <end>0830</end>\
        <start>0800</start>\
    </programme>\
    <programme>\
        <subtitle>The Birdbot Of Ice-Catraz</subtitle>\
        <desc>Leela fights to save the lives of penguins after the Planet Express ship is involved in an oil spill on Pluto. (S3, ep 9)</desc>\
        <title>Futurama</title>\
        <end>0900</end>\
        <start>0830</start>\
    </programme>\
        </channel>',
          xmlDoc = $.parseXML( xml );
parseXml2( xmlDoc );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="titl"></div>