使用jquery解析可扩展置标语言的方法

本文实例讲述了使用jquery解析可扩展置标语言的方法，分享给大家供大家参考之用。具体方法如下：

一、xml文件结构：图书。可扩展标记语言

？可扩展标记语言版本='1.0 '编码='UTF-8 '？根图书id='1 '名称深入浅出ext js/作者姓名张三/作者价格88/价格/图书id='2 '名称锋利的jQuery/姓名作者李四/作者价格99/价格/图书id='3 '名称深入浅出flex/姓名作者王五/作者价格108/价格/图书id='4' namejava编程思想/姓名作者钱七/作者价格128/价格/书籍/根二、页面代码：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML hearteta http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8'titlejquery解析XML/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。4 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(function(){ $).post('books.xml '，function(data){ //查找所有的书节点var s=$(数据)。查找('书').每个（函数(i){ var id=$(this)).attr(' id ')；var name=$(this).儿童('姓名')。text()；var作者=$(this).儿童('作者')。text()；var price=$(这个)。儿童('价格')。text()；s=id“”姓名''作者' '价格br '；});$('#mydiv ').html })；});/script/head body div id=' my div '/div/body/html运行效果图如下：

感兴趣的读者可以点此本站下载完整代码。

更多关于jquery xml操作相关内容感兴趣的读者可查看本站专题： 《jQuery操作xml技巧总结》