jQuery.parseXML()
S2C Home « Utilities « jQuery.parseXML()
Parsed data to XML document creation.
Description
The jQuery.parseXML()
jQuery General utility method, returns an XML document created from the parsed string.
Shorthand version $.parseXML()
- Creates a valid XML Document from the native parsing function of the browser. The XML document can then be passed to jQuery for creation of a jQuery object.
Syntax
Signature | Description |
---|---|
jQuery.parseXML( data ) | Return an XML document created from the parsed string. |
Parameters
Parameter | Description | Type |
---|---|---|
data | A well-formed XML string to be parsed. | String |
Return
An XML document.
jQuery.parseXML( data )
ExampleTop
Return an XML document created from the parsed string.
In the example below when we press the button the first time we parse some well formed XML to a variable and then convert the variable to a jQuery object. After this we iterate over the xml nodes to print out some fictitious diary entries.
$(function(){
$('#btn21').one('click', function(){
var xml = "<xml version='1.0'>" +
"<week date='01/01/2012 '><day activity='shopping '><loc>London</loc></day></week>" +
"<week date='02/01/2012 '><day activity='driving '><loc>Cardiff</loc></day></week>" +
"<week date='03/01/2012 '><day activity='eating '><loc>Glasgow</loc></day></week></xml>",
xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc );
// Print Diary details
$($xml).find('week').each(function() {
$('#div17').append($(this).attr('date'));
$('#div17').append($(this).find('day').attr('activity'));
$('#div17').append($(this).find('loc').text() + "<br>");
});
});
});
div17. Some initial text.
Related Tutorials
jQuery Intermediate Tutorials - Lesson 9 - jQuery General Utilities