Como encontrar / extrair dados de xml com jQuery
Estou tentando extrair os valores StateLongName e StateShortName do xml abaixo.
Eu sei que tem que haver uma maneira simples e elegante de fazer isso com o jQuery.
<NewDataSet>
<Table>
<StateLongName>Alabama</StateLongName>
<StateShortName>AL</StateShortName>
</Table>
<Table>
<StateLongName>Alaska</StateLongName>
<StateShortName>AK</StateShortName>
</Table>
...elments removed for brevity
</NewDataSet>
Aqui está o que eu tentei.
Carregue o xml acima em um nome de variável Javascript xml.
Tente # 1
$(xml).find("TABLE").each(function()
{
var stateName = $(this).find("StateLongName").innerText;
var stateCode = $(this).find("StateShortName").innerText;
});
A tentativa nº 1 não encontra nada e nunca entra para carregar as variáveis stateName e stateCode.
Tente # 2
$(xml).find("StateLongName").each(function()
{
var stateName = $(this).find("StateLongName").innerText;
var stateCode = $(this).find("StateShortName").innerText;
});
A tentativa nº 2 encontra correspondências, no entanto, stateName e stateCode são deixados indefinidos.
Tente # 3
$(xml).find("StateLongName").each(function()
{
var stateName = $($(xml).find('StateLongName').parent()[0].innerHTML)[1].data;
var stateCode = $($(xml).find('StateLongName').parent()[0].innerHTML)[5].data;
});
Tente # 3 funciona, mas tem que haver uma maneira melhor. Por favor me esclareça.
Obrigado pelo seu tempo!