Get img tags from xml file using javascript

Question

Since I have mootools used on a web page, jquery conflicts with it so I'm attempting to traverse the following xml file.

<gallery>
 <album title="test" description="test" lgPath="/images/commphotos/">
<img src="1130975173.jpg" />
<img src="1475634985E.jpg" />
<img src="1889677107.jpg" />
<img src="1356256436.jpg" />
<img src="834682273.jpg" />

</album>
</gallery>

One I return the javascript file using a standard ajax call. How would I traverse it to get the image tags out. Using responseText when returning the xml? Can't use jquery. I have no idea how to do mootools.

Thanks

Community · Accepted Answer · 2017-05-23 10:34:45Z

1

To solve the conflict, you can use jQuery instead of $. If $ is occupied by jQuery, use $.noConflict() prior continuing.

Then, use the answer at your previous question, by replacing $ by jQuery, or use:

var images = [];
jQuery(xml).find('img').each(function(){
    images.push(this.src);
})

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Nov 2, 2011 at 17:32

Rob W

350k87 gold badges811 silver badges683 bronze badges

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

3 Comments

Vibration Of Life Over a year ago

$.noConflict() is not a function

Vibration Of Life Over a year ago

and i apologize i'm using responseXML on return..i have the xml file, just wondering how to traverse it

Rob W Over a year ago

Then $ is not occupied by jQuery, but Mootools, as desired. Use jQuery(..) instead of $(...), as mentioned at my answer.

Collectives™ on Stack Overflow

Get img tags from xml file using javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related