$(document).ready(function () {
var data = "<students><student><name>Jhon</name><rollno>59</rollno><percentage>70</percentage></student><student><name>Bob</name><rollno>60</rollno><percentage>78</percentage></student><student><name>VictorG</name><rollno>61</rollno><percentage>80</percentage></students>";
var tablebody = $("<tbody>");
for (var i = 0; i < $(data).children().length; i++) {
var studentsData = $(data).children()[i];
//Below code gets the children of studentsData
var student = $(studentsData).children();
var tr = $("<tr>");
$(student).each(function () {
var td = $("<td>");
var s = this.innerHTML;
td.append(s);
tr.append(td);
});
tablebody.append(tr);
};
$("#table").append(tablebody);
});
<table id="table" border="1" cellspacing="0" style="width:auto">
<thead>
<tr>
<th>Name</th>
<th>Rollno</th>
<th>Percentage</th>
</tr>
</thead>
</table>
<br/><p><font size="3"><b>Source for this<a target="_blank"href="http://jqfaq.com/how-to-parse-an-xml-string-and-retrieve-the-values-from-the-xml-list/"</a> JQFaq Question</b></font></p>
<iframe id="iframe1" src="http://jqfaq.com/AdPage.html" style="width:100%;border:none;" />
External resources loaded into this fiddle: