jquery解析XML

xml文件结构:books.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+"
";
            });
            $('#mydiv').html(s);
        });
    });
script >
head >
< body >
     < div  id ='mydiv' > div >
body >
html >

效果图:

转自： http://www.blogjava.net/sxyx2008/archive/2010/07/10/325719.html