jQuery XML parsing how to get element attribute

Question

XML:

<item>
     <title>Some title</title>

     <description>
     <![CDATA[
      Some description text Some description text Some description text Some description text Some description text Some description text 
      Some description text Some description text Some description text Some description text Some description text Some description text 
      Some description text Some description text Some description text Some description text Some description text Some description text 
      Some description text Some description text Some description text Some description text Some description text Some description text 
     ]]>
     </description>

     <media:content isDefault="true" medium="image" url="http://sampledomain.com/image.jpg">
      <media:title>Image title</media:title>
      <media:description>Image description</media:description>
      <media:thumbnail url="http://sampledomain.com/image.jpg" width="160" height="120" />
     </media:content>

     <wfw:commentRss>http://sampledomain.com/comment/feed/</wfw:commentRss>
     <slash:comments>0</slash:comments>
    </item>

I am fetching css from ajax and in onsuccess function my code is as follow:

$(xml).find('item').each(function() {
 var title = $(this).find('title').eq(0).text();
 var url   = $(this).find('content').attr('url');

 // Printing url as undefined
 alert(url);
 console.log($(this).find('content');

});

What I want to get content url attribute I am getting item children (title, description, content, commentRss and comments) but when I try to get $(this).find('content') It is not giving me anything Can anyone figure it out what am I doing wrong? Thanks

var url=$(this).find('content').attr('url').val(); or try using .text() hope it helps — Rafay
– Rafay, Commented Jan 28, 2011 at 7:49

Community · Accepted Answer · 2017-05-23 12:25:08Z

4

Your XML uses a namespace.

See this similar Stack Overflow question regarding namespaces. You have to escape the colon:

jQuery XML parsing with namespaces

edited May 23, 2017 at 12:25

CommunityBot

11 silver badge

answered Jan 28, 2011 at 7:40

jamesmortensen

34.2k11 gold badges102 silver badges124 bronze badges

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

2 Comments

shankhan Over a year ago

thanks for the link this works for me $(this).find('media\\:content').attr('url');

jamesmortensen Over a year ago

@shankhan - You're welcome. This is definitely good to know. I don't deal with namespaces that often, but am planning a project myself that will involve them.

John Drefahl · Accepted Answer · 2013-03-13 21:42:10Z

1

Got a correction for you.. and your Namespace SOLUTION! You need to escape the namespace ":" properly with \. I have show the example below which works with the Itunes podcast XML feeds.

 item.description = jQuery(this).find("[nodeName=itunes\\:summary]").eq(0).text();

answered Mar 13, 2013 at 21:42

John Drefahl

5563 silver badges17 bronze badges

Collectives™ on Stack Overflow

jQuery XML parsing how to get element attribute

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related