Parsing XML with JQuery 1

[pcsmurf]

Not sure if this is an XML question or a JQuery question but I have an XML file which is given to me by another company (so I cannot make any changes to its structure). The general format is:

<products>
<product>
<name>Title</name>
<description>Description ...</description>
<field>
<name>fieldname</name>
<value>New</value>
</field>
</product>
....
</products>

The following jquery code loops through the XML and should print out just the product name. Unfortunately the name filed in <field> is also printed out.

$(document).ready(function()
{
$.ajax({
type: "GET",
url: "pf.xml",
dataType: "xml",
success: parseXml
});
});

function parseXml(xml)
{
//find every product and print the name
$(xml).find("product").each(function()
{
$("#output").append($(this).find("name").text() + "<br />");
});

}

can I make this code only refer to the actual product name ?

 

[tsuji]

> $("#output").append($(this).find("name").text() + "<br />");
[tt] $("#output").append($(this).[red]children[/red]("name[red]:first[/red]").text() + "<br />");[/tt]

 

[pcsmurf]

Thank you so much for saving my sanity. I knew it shouldn't be too difficult but I just could not get it right.