Trouble retrieving inner text from XML node using JavaScript

Question

I'm reading an XML document using JavaScript & jQuery, and need to extract some text from inside a node to save into an array. The structure of the XML is as such:

<C>
  <I>
    <TEXTFORMAT>
      <P>
        <FONT>Here's the text I want</FONT>
      </P>
    </TEXTFORMAT>
  </I>
</C>

Everything I've tried so far returns nothing so I must be incorrectly referencing the contents of the FONT tag.

What XML path should I be using?

Answer 1

This will give you an array of the content of the FONT nodes.

var array = $(xml).find('FONT').map(function() {
    return $(this).text();
}).get();

---

Relevant jQuery docs:

• .map() - http://api.jquery.com/map/
• .text() - http://api.jquery.com/text/
• .get() - http://api.jquery.com/get/
• .find() - http://api.jquery.com/find/

Answer 2

function parseXml(xml)
{
    //find every FONT element and store its value
    $(xml).find("FONT").each(function()
    {
        // put this.text() into the array
    });

}