//Perform when the document is ready/loaded/rendered
$(document).ready(function(){
   //Asynchronously retrieve the xml file contents		
   $.ajax({				
      type: "GET",				
      url: "sites.xml",				
      dataType: "xml",				
      success: function(xml) { //Upon successful retrieval
         //Iterate through the all the nodes/items
         $(xml).find('site').each(function(){ //For each item, perform the following						
            //Read each child node and associate the values with a variable
            var id = $(this).attr('id'); //Find an attribute within the "site" node/element						
            var title = $(this).find('title').text(); //Find the child element of "site" called title						
            var url = $(this).find('url').text(); //Find the child element of "site" called title						
            //Write out a custom link with the values above
            $('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');
            //Establish the "desc" node/element as the this value below, to be referenced fro child nodes/elements
            $(this).find('desc').each(function(){							
               var brief = $(this).find('brief').text();
               var long = $(this).find('long').text();
               $('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
               $('<div class="long"></div>').html(long).appendTo('#link_'+id);
            });					
         });				
      }			
   });		
});

//Perform when the document is ready/loaded/rendered
$(document).ready(function(){
   //Asynchronously retrieve the xml file contents		
   $.ajax({				
      type: "GET",				
      url: "sites.xml",				
      dataType: "xml",				
      success: function(xml) { //Upon successful retrieval
         //Iterate through the all the nodes/items
         $(xml).find('site').each(function(){ //For each item, perform the following						
            //Read each child node and associate the values with a variable
            var id = $(this).attr('id');						
            var title = $(this).find('title').text();						
            var url = $(this).find('url').text();						
            //Write out custom content to the page
            $('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');
            //For each description 
            $(this).find('desc').each(function(){							
               var brief = $(this).find('brief').text();
               var long = $(this).find('long').text();
               $('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
               $('<div class="long"></div>').html(long).appendTo('#link_'+id);
            });					
         });				
      }			
   });		
});

$(document).ready(function(){			
   $.ajax({				
      type: "GET",				
      url: "sites.xml",				
      dataType: "xml",				
      success: function(xml) {
         $(xml).find('site').each(function(){						
            var id = $(this).attr('id');						
            var title = $(this).find('title').text();						
            var url = $(this).find('url').text();						
            $('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');
            $(this).find('desc').each(function(){							
               var brief = $(this).find('brief').text();
               var long = $(this).find('long').text();
               $('<div class="brief"></div>').html(brief).appendTo('#link_'+id);
               $('<div class="long"></div>').html(long).appendTo('#link_'+id);
            });					
         });				
      }			
   });		
});

$(document).ready(function(){			
   $.ajax({				
      type: "GET",				
      url: "sites.xml",				
      dataType: "xml",				
      success: function(xml) {					          $(xml).find('site').each(function(){						
        var id = $(this).attr('id');						
        var title = $(this).find('title').text();						
        var url = $(this).find('url').text();						
        $('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');						           $(this).find('desc').each(function(){							
          var brief = $(this).find('brief').text();							          var long = $(this).find('long').text();							$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);							$('<div class="long"></div>').html(long).appendTo('#link_'+id);						});					
});				
}			
});		
});

$(document).ready(function(){			$.ajax({				type: "GET",				url: "sites.xml",				dataType: "xml",				success: function(xml) {					$(xml).find('site').each(function(){						var id = $(this).attr('id');						var title = $(this).find('title').text();						var url = $(this).find('url').text();						$('<div class="items" id="link_'+id+'"></div>').html('<a href="'+url+'">'+title+'</a>').appendTo('#page-wrap');						$(this).find('desc').each(function(){							var brief = $(this).find('brief').text();							var long = $(this).find('long').text();							$('<div class="brief"></div>').html(brief).appendTo('#link_'+id);							$('<div class="long"></div>').html(long).appendTo('#link_'+id);						});					});				}			});		});

http://think2loud.com/224-reading-xml-with-jquery/

How to read an xml file with jquery/javascript

javascript, xml, jquery

JavaScript