轻松使用jquery解析XML-xue2-ChinaUnix博客

Tom & Jerry

首页　| 　博文目录　| 　关于我

xue2

博客访问： 983055
博文数量： 264
博客积分： 10107
博客等级：上将
技术积分： 2455
用户组：普通用户
注册时间： 2007-05-09 16:34

文章分类

全部博文（264）

Photoshop（4）
网购收藏（2）
转载文章（8）
心情日记（6）
学习笔记（236）

Flex（7）

UML（2）

MyEclipse（35）

js_Ajax_jQuery（17）

.NET2003（18）

数据库技术（34）

Web Service（12）

java（33）

Linux（16）

struts架构（14）
未分配的博文（8）

文章存档

2012年（1）

2011年（11）

2010年（128）

2009年（82）

2008年（42）

我的朋友

相关博文

轻松使用jquery解析XML

分类：系统运维

2010-09-10 11:24:17

xml文件结构:books.xml

xml version="1.0" encoding="UTF-8"?>

<root>

<name>深入浅出extjsname>

<author>张三author>

<price>88price>

book>

<name>锋利的jQueryname>

<author>李四author>

<price>99price>

book>

<name>深入浅出flexname>

<author>王五author>

<price>108price>

book>

<name>java编程思想name>

<author>钱七author>

<price>128price>

book>

root>

页面代码:

DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">

<html>

<head>

<title>jquery解析xmltitle>

$(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>

body>

html>

效果图:

完整示例下载

阅读(1295) | 评论(0) | 转发(0) |

上一篇：javascript滚动条位置控制

下一篇：jquery处理xml

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6