8.7w+
社区成员
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready//在文档加载后激活函数
(
function()
{
$("#GetXml").click
(
function()
{
$.get
(
'score.xml', function(getsc)
{
var myXML;
if( typeof getsc == "string" )
{
alert(typeof getsc)
myXML = new ActiveXObject("Microsoft.XMLDOM");
myXML.async = false;
myXML.loadXML(getsc);
}
else
{
myXML = getsc;
}
alert( $(myXML).find("stu").size());
var t= $(myXML).find('stu');
$(t).each
(
function()
{
var stu = $(this); //把当前对象转成jquery对象,$(this)是jquery对象,可以直接用jquery扩展的方法 this是dom对象
var description = stu.find('name').text();
$('#tab').append("<tr><td>"+"bb"+"</td><td>"+description+"</td><td><input type='button' value='delete' onclick='del(this)' /></td></tr>");
}
)
}
)
}
)
}
)
</script>
</head>
<body >
<table id="tab" width="200" border="1">
<tr>
<td>编号</td>
<td>姓名</td>
<td>分数</td>
</tr>
</table>
<input type="button" value="获取XML中的指定数据" id="GetXml">
<script type="text/javascript">
function del(nowTr)
{
//多一个parent就代表向前一个标签,
//本删除范围为<td><tr>两个标签,即向前两个parent
//如果多一个parent就会删除整个table
//$(nowTr).parent().parent().remove();
var tb =$(nowTr).parentsUntil("tr").remove();
}
</script>
</body>
</html>
<?xml version="1.0" encoding="utf-8"?>
<students>
<stu>
<id>a1</id>
<name>赵</name>
<c>75</c>
</stu>
<stu>
<id>a2</id>
<name>钱</name>
<c>90</c>
</stu>
<stu>
<id>a3</id>
<name>孙</name>
<c>87</c>
</stu>
<stu>
<id>a4</id>
<name>李</name>
<c>66</c>
</stu>
<stu>
<id>a5</id>
<name>周</name>
<c>31</c>
</stu>
<stu>
<id>a6</id>
<name>吴</name>
<c>78</c>
</stu>
</students>