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


        

Answer 1

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