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, Apr 21 '11 at 17:10

score 24 · Accepted Answer · edited May 23 '17 at 12:16

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 '17 at 12:16

Community

1
1

answered Apr 21 '11 at 17:19

DarthJDG

16,511
11
49
56

Now that's what im talking about, Thanks a ton!! – CodeOverload Apr 21 '11 at 17:21

score 1 · Answer 2 · answered Apr 21 '11 at 17:14

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");}
    }
})

score 0 · Answer 3 · answered Dec 01 '16 at 10:48

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 01 '16 at 10:48

Devendra Madheshiya

131
1
4

How to parse xml attributes with jQuery alone?

3 Answers3

Linked