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

Filed under:
|
|

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

Related posts about jQuery

Related posts about Xml