Прочтите xml с jQuery

Question

Прошу прощения, чтобы задать вопрос, относящийся к этой теме, поскольку кажется, что существует много, много тем, относящихся к одному и тому же вопросу. Я прочитал их довольно много, но мне не удалось найти проблему с моим кодом. У меня есть XML-файл, и я пытаюсь просто прочитать дочерний узел каждого атрибута (если это правильная терминология?).

XML-:

<movement> 
    <name>Squat</name> 
    <set> 
     <weight>270</weight> 
     <reps>5</reps> 
    </set> 
</movement> 

Мой код просто пытается прочитать имя атрибута каждого движения.

Javascript:

$(document).ready(function() 
{ 
    $.ajax({ 
     type: "GET", 
     url: "/training.xml", 
     dataType: "xml", 
     success: parseXml 
    }); 
}); 
function parseXml(xml) 
{ 
    $(xml).find("movement").each(function() 
    { 
     $("#training").append($(this).find("name").text() + "<br>"); 
    }); 
} 

Я нашел это через учебник онлайн и попытался изменить его просто добавить имя каждого движения к DIV на странице. В настоящее время он ничего не отображает. Я не вижу проблемы. Любая помощь будет оценена по достоинству.

Полный файл XML: pastebin.com/rthMWNhm

Полный HTML-файл: pastebin.com/6m9rBjRn

Answer 1

Это должно сделать трюк. Проблема в том, что вы уже находитесь на узле перемещения. Поиск только для детей. Каждая итерация будет перебирать каждый элемент движения.

Demo

Javascript

var parseXml = function(xml){ 
    var names = ''; 
    $(xml).find('movement name').each(function(i,name){ 
     names += name.innerHTML +'<br>'; 
    }); 
    $('#training').append(names); 
}; 


parseXml(xml); 

Обновленный ответ, чтобы соответствовать новому XML