使用jQuery的append函數可以方便地將XML文檔中的元素添加到HTML頁面中。以以下XML文檔為例:
<students> <student id="1"> <name>張三</name> <age>18</age> <score>85</score> </student> <student id="2"> <name>李四</name> <age>20</age> <score>92</score> </student> </students>
在jQuery中,可以使用$.ajax函數獲取XML文檔并解析為DOM對象:
$.ajax({ url: "students.xml", dataType: "xml", success: function(xml) { $(xml).find("student").each(function() { var id = $(this).attr("id"); var name = $(this).find("name").text(); var age = $(this).find("age").text(); var score = $(this).find("score").text(); var html = "<tr><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>" + score + "</td></tr>"; $("table").append(html); }); } });
以上代碼通過$(xml).find("student")查找XML文檔中的student元素,對每個元素進行屬性和內容的提取,然后將其添加到表格中(假設頁面中存在一個ID為table的表格)。