How can I handle XML namespaces in CSS Selectors or in jQuery?

Question

I use jQuery to parse an RSS feed. I can successfully get the RSS feed using AJAX:

$.get("podcast.xml", function (data) {
    xml = $(data);
}, "xml");

Now I can get the title of the podcast by using xml.find("channel > title").text(). How can I select the <itunes:image> tag in my RSS feed?

The command xml.find("channel > itunes:image") does not work, because : separates in CSS the tag name and the pseudo class. I also tried xml.find("channel > image") but it does not work.

How can I handle XML namespaces in CSS Selectors or in jQuery?

Use \\: (escaped :): xml.find("channel > itunes\\:image") — Rob W
– Rob W, Commented Jul 16, 2012 at 10:41
possible duplicate of Parsing XML JQuery Ajax Response with Namespace — Rob W
– Rob W, Commented Jul 16, 2012 at 10:44

BoltClock · Accepted Answer · 2012-07-16 10:48:52Z

7

CSS allows you to specify namespaces for use with selectors within stylesheets.

However, jQuery doesn't support this since you have no way of declaring the XML namespace in the first place (as jQuery has nothing to do with CSS besides borrowing from its selector syntax), so you have to treat the colon as a literal character instead by escaping it like so:

xml.find("channel > itunes\\:image")

edited Jul 16, 2012 at 10:48

answered Jul 16, 2012 at 10:43

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

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

Comments

Stephan Kulla · Accepted Answer · 2012-07-25 16:22:30Z

4

I want to add something wired I just explored: If I try the above code on my rekonq browser (which uses webkit), I cannot find the <itunes:image> tag by searching for xml.find("channel > itunes\\:image").

I have to omit the term itunes: and have to type xml.find("channel > image"). So we have:

xml.find("channel > itunes\\:image") /* Firefox */

xml.find("channel > image") /* Rekonq (maybe also Safari and Chrome?!) */

answered Jul 25, 2012 at 16:22

Stephan Kulla

5,1273 gold badges28 silver badges35 bronze badges

1 Comment

BoltClock Over a year ago

I hadn't seen this answer, but I'd be damned if this wasn't another of WebKit's quirks. Either way, jQuery does not appear, nor claim, to support XML very well.

Collectives™ on Stack Overflow

How can I handle XML namespaces in CSS Selectors or in jQuery?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related