select xml child element with jQuery

Question

Is it possible to find an xml element by searching with the value of a child element?

So for XML such as:

<route>
    <name>Lakeway</name>
    <abrv>LAKE</abrv>
    <eta>
        <time>00:30</time>
        <dest>MAIN</dest>
    </eta>
</route>

If I only have the value of the abrv, how would I parse the xml so as to get at the eta tags' child elements?

Is this doable with jQuery without looping through each element and comparing the values to the defined variable? Or is there a better way to do this?

EDIT:

I am trying to parse an XML feed from another domain. I'm not sure if I can do that with the xmlParse function, or if I'll need to use jQuery's Ajax functions?

Anurag · Accepted Answer · 2011-08-02 04:20:00Z

2

You could use the contains filter to filter nodes based on this value.

Something like,

$(xml).find('abrv:contains(LAKE) + eta > *')

will return a jQuery object with two elements for the sample document.

<time>00:30</time>
<dest>MAIN</dest>

Here's an example.

answered Aug 2, 2011 at 4:20

Anurag

142k37 gold badges223 silver badges262 bronze badges

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

Comments

jk. · Accepted Answer · 2011-08-02 01:13:36Z

1

Maybe something like this:

var xmlString = "<route><name>Lakeway</name><abrv>LAKE</abrv><eta><time>00:30</time><dest>MAIN</dest></eta></route>",
xmlDoc = $.parseXML( xmlString ),
$xml = $( xmlDoc ),
$abrv = $xml.find( "abrv" ).text() == "LAKE" ? $xml.find( "abrv" ) : false;

var time = $abrv.next().children("time").text();
var dest = $abrv.next().children("dest").text();

alert(time + " " + dest);

http://jsfiddle.net/jensbits/UH2m5/

Hopefully, that could get you started.

answered Aug 2, 2011 at 1:13

jk.

14.4k4 gold badges45 silver badges58 bronze badges

4 Comments

simon Over a year ago

How could I use this with an external XML file? That's what I was looking for actually.

jk. Over a year ago

You will need to bring the xml in using another method. See stackoverflow.com/questions/1292486/…

simon Over a year ago

OK, so I used a simple proxy to get the XML, but I have another question. Is there a difference between using the parseXML function and using the $.get ajax function? So if instead of declaring an xml string, if I use $.get to get xml, should I be able to use the same selectors as you outline above?

jk. Over a year ago

Yes, you should be able to on the return xml.

Collectives™ on Stack Overflow

select xml child element with jQuery

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related