轻松使用jquery解析XML
<?xml?version="1.0"?encoding="UTF-8"?>
<root>
????<book?id="1">
????????<name>深入浅出extjs</name>
????????<author>张三</author>
????????<price>88</price>
????</book>
????<book?id="2">
????????<name>锋利的jQuery</name>
????????<author>李四</author>
????????<price>99</price>
????</book>
????<book?id="3">
????????<name>深入浅出flex</name>
????????<author>王五</author>
????????<price>108</price>
????</book>
????<book?id="4">
????????<name>java编程思想</name>
????????<author>钱七</author>
????????<price>128</price>
????</book>
</root>
页面代码:
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8">
<title>jquery解析xml</title>
<script?type="text/javascript"?src="js/jquery-1.4.2.min.js"></script>
<script?type="text/javascript">
????$(function(){
????????$.post('books.xml',function(data){
????????????//查找所有的book节点
????????????var?s="";
????????????$(data).find('book').each(function(i){
????????????????var?id=$(this).attr('id');
????????????????var?name=$(this).children('name').text();
????????????????var?author=$(this).children('author').text();
????????????????var?price=$(this).children('price').text();
????????????????s+=id+" "+name+" "+author+" "+price+"<br>";
????????????});
????????????$('#mydiv').html(s);
????????});
????});
</script>
</head>
<body>
????<div?id='mydiv'></div>
</body>
</html>