How to parse XML using jQuery

Question

I have to parse the below XML :

var xml = <gallery>
<image full="/images/gallery-resort/Sole_East_Lobby.jpg"/>
<image full="/images/gallery-resort/Cool_Crisp.jpg"/>
<image full="/images/gallery-resort/07_AK_Sole_Lobby2.jpg"/>
</gallery>

I want get the values of full attribute from the image tag. This structure is not proper but I need these image paths to show the images. I have tried below code for this but didn't worked:

xmlDoc = $.parseXML( xml ),
$xml = $( xmlDoc ); 
$($xml).each(function(){
var v = $(this).find("gallery");
});

Please, check it folks.

charlietfl · Accepted Answer · 2016-11-20 18:59:52Z

1

A simple example that would create an array of the url's would be:

  var imgs =  $xml.find('image').map(function(){
     return $(this).attr('full');
  }).get();

DEMO

Or you could use each and add a new element for every iteration in the loop

$xml.find('image').each(function(){
    $('<img>',{src: $(this).attr('full')}).appendTo('body');   
});

answered Nov 20, 2016 at 18:59

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mudit mehrotra Over a year ago

@ charlietfl thanks for your comment. I am trying to read this array of image using the following code var farr = JSON.stringify(imgs,null,' '); for (i = 0; i < farr.length; i++) { alert(farr[i]); } But its read character by character instead of reading the complete image path on index of imgs variable. I have used JSON.stringify(imgs,null,' ') to decode the JSON to array but didn't worked. You can see response here: http://dev.soleeast.com/parseXML2.php Please, advice.

Collectives™ on Stack Overflow

How to parse XML using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related