Parsing node-specific XML Using JQuery

Question

There have been a lot of other posts related to this but I can't seem to find the answer to my question. I'm trying to parse an XML file of the following form to return only the items under the 'subGroup' node.

Here is the sample XML:

<?xml version="1.0" ?>
<resultsGroup>
  <item>
      <id></id>
      <title></title>
      <description></description>
  </item>
  <item>
      <id></id>
      <title></title>
      <description></description>
  </item>
  <subGroup>
      <item>
          <id></id>
          <title></title>
          <description></description>
      </item>  
      <item>
          <id></id>
          <title></title>
          <description></description>
      </item>  
      <item>
          <id></id>
          <title></title>
          <description></description>
      </item>  
  </subGroup>
</resultsGroup>

And here is currently what I'm using to parse it:

$.get(url,{},function(data){
    $('item',data).each(function(i){
        var id = $(this).find("id").text();
        var title = $(this).find("title").text();
        var description = $(this).find("description").text();

        list.append('<li>' + id + ':' + title + ':' + description + '</li>');
    });
});

The problem is that the items listed under the 'resultsGroup' are also being selected by $('item',data).each(). I'd appreciate it if someone could explain how to select just those elements under a specific node, in this case the 'subGroup' node.

Thanks in advance for your help!

Doug Domeny · Accepted Answer · 2009-12-02 15:34:35Z

2

Use $('subGroup>item',data)

answered Dec 2, 2009 at 15:34

Doug Domeny

4,4902 gold badges37 silver badges53 bronze badges

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

5 Comments

Russell C. Over a year ago

Wow, that was fast! Thanks Doug. Is there somewhere online that explains JQuery XML selectors in more detail? I couldn't find anything and I'd love to better understand them. Thanks again!

Doug Domeny Over a year ago

jQuery no longer supports XPath, but its CSS selectors work with XML. See docs.jquery.com/Selectors

Yarin Over a year ago

Nice Doug- this was a hard one to find

Ahamed Over a year ago

@DougDomeny, Is there any way to read data based on the attributes. For instance,

<subGroup>       <item id = "1">           <title></title>           <description type="string" label="Details"></description>       </item></subGroup>

Doug Domeny Over a year ago

@Ahamed, yes, there are many jQuery operators for use with attributes. For example, $('subGroup>item[id="1"]',data) to select elements that have the specified attribute with a value exactly equal to a certain value. See jQuery Selector Reference.

Collectives™ on Stack Overflow

Parsing node-specific XML Using JQuery

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related