Parsing XML via jQuery, nested loops
Posted
by Coughlin
on Stack Overflow
See other posts from Stack Overflow
or by Coughlin
Published on 2009-12-18T16:07:18Z
Indexed on
2010/03/29
17:03 UTC
Read the original article
Hit count: 584
I am using jQuery to parse XML on my page using $.ajax(). My code block is below and I can get this working to display say each result on the XML file, but I am having trouble because each section can have MORE THAN ONE and im trying to print ALL grades that belong to ONE STUDENT. Here is an example of the XML.
<student num="505">
<name gender="male">Al Einstein</name>
<course cid="1">60</course>
<course cid="2">60</course>
<course cid="3">40</course>
<course cid="4">55</course>
<comments>Lucky if he makes it to lab, hopeless.</comments>
</student>
Where you see the I am trying to get the results to print the grades for EACH student in each course. Any ideas on what I would do?
Thanks,
Ryan
$.ajax({
type: "GET",
url: "final_exam.xml",
dataType: "xml",
success: function(xml) {
var student_list = $('#student-list');
$(xml).find('student').each(function(){
$(xml).find('course').each(function(){
gradeArray = $(this).text();
console.log(gradeArray);
});
var name = $(this).find("name").text();
var grade = $(this).find("course").text();
var cid = $(this).find("course").attr("cid");
//console.log(cid);
student_list.append("<tr><td>"+name+"</td><td>"+cid+"</td><td>"+grade+"</td></tr>");
});
}
});
© Stack Overflow or respective owner