gpt4 book ai didi

使用jquery解析XML示例代码

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章使用jquery解析XML示例代码由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

xml文件结构:books.xml 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<? 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 >

页面代码

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!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+ "&nbsp;&nbsp;&nbsp;&nbsp;" +name+ "&nbsp;&nbsp;&nbsp;&nbsp;" +author+ "&nbsp;&nbsp;&nbsp;&nbsp;" +price+ "<br>" ;
});
$( '#mydiv' ).html(s);
});
});
</script>
</head>
<body>
<div id= 'mydiv' ></div>
</body>
</html>

  。

最后此篇关于使用jquery解析XML示例代码的文章就讲到这里了,如果你想了解更多关于使用jquery解析XML示例代码的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com