How to parse xml attributes with jQuery alone?

Question

I'm already parsing xml successfully but i'm stuck at getting an attribute of childrens.

XML Example:

<entries>
    <entry>
        <media:thumbnail url="blah" />
    </entry>
</entries>

Javascript/ jQuery:

$.get('data.xml', function(d){
    $(d).find('entry').each(function(){
        var $entry = $(this);
        var pic = $entry.find('media:thumbnail').attr('url');
    })
});

That javascript doesn't work for me to get an attribute. What's the problem?

Works just fine for me. Is your response content-type correct? — no.good.at.coding
– no.good.at.coding, Commented Apr 21, 2011 at 17:10

Community · Accepted Answer · 2017-05-23 12:16:58Z

24

Aah, namespaces are a different kind of animal, it wasn't in your original post. You have to escape the : in your selector.

var pic = $entry.find('media\\:thumbnail').attr('url');

http://jsfiddle.net/JSrJe/1/

See also jQuery XML parsing with namespaces

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Apr 21, 2011 at 17:19

DarthJDG

16.6k11 gold badges52 silver badges56 bronze badges

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

1 Comment

CodeOverload Over a year ago

Now that's what im talking about, Thanks a ton!!

mcgrailm · Accepted Answer · 2011-04-21 17:14:20Z

1

try this out

$.ajax({
    type: "GET",
    url: 'data.xml,
    dataType: "xml",
    success: function(xml) {
        $(xml).find('entry').each(function(){
            var $entry = $(this);
            var pic = $entry.find('picture').attr('url');
            alert(pic);
        })
    },
    error: function(xhr, status, error) {
        if (xhr.status != 404) {alert(error);} else {alert("404 xml not found");}
    }
})

answered Apr 21, 2011 at 17:14

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

Comments

Devendra Madheshiya · Accepted Answer · 2016-12-01 10:48:26Z

0

  $.get('data.xml', function(d) {
    $(d).find('entry').each(function() {
        var $entry = $(this);
        var pic = $e`enter code here`ntry.find('media\\:thumbnail, thumbnail').attr('url');
    })
});

answered Dec 1, 2016 at 10:48

Devendra Madheshiya

1311 silver badge4 bronze badges

Collectives™ on Stack Overflow

How to parse xml attributes with jQuery alone?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related