这次给大家带来如何使用jQuery遍历XML节点与属性，使用jQuery遍历XML节点与属性的注意事项有哪些，下面就是实战案例，一起来看一下。
用jquery遍历xml网上已经有很多, 但是看了好多文章, 对于不指定属性名称的遍历方法却没有
研究了一下, 好像jquery没有attributes. 还是要借助于原生态的JS
以下是JS代码
//用于缩进, 根据节点级别var M_DOT = 1;//递归函数, 用于遍历XML, 同时打印出来function fn(obj){ //定义一个变量, 用于缩进 var dotString = ""; //根据缩进量, 得到缩进的长度 for(j = 1; j <= M_DOT; j++){ dotString += " "; } //jquery不支持attributes属性集, 转为原生js, 并赋给myObj变量 var myObj = obj[0].attributes; //打印缩进 $("#c").append(dotString) //打印属性集nodeName, nodeValue为原生JS, 分别表示为属性的名称, 和属性值 $(myObj).each(function(i){ $("#c").append( ($(this)[0].nodeName) + "=" + ($(this)[0].nodeValue) + " " ); }) //打印节点的文本 //$("#c").append( "" + obj.text() + "
"); //打印换行 $("#c").append( "
"); //判断DOM有无子DOM if( obj.length > 0 ){ //如果有, 遍历之 obj.children().each(function(i){ //缩进量加一 M_DOT++; //递归遍历子DOM fn($(this)); //缩进量加一 M_DOT--; }) }else{ //如果没有子DOM, 返回false return false; }}//程序入口$(document).ready(function() { //ajax获取xml数据, 详细用法见jquery手册 $.get('config.xml', function(d){ //len = $(d).find("*").length; //找到xml顶级结点. ('*:first'):就是查找第一个DOM. 详细说明见jquery手册 //find, children(), each, 以及后面用到的 append 等请查阅jquery手册 $(d).find('*:first').children().each(function(i){ //找到顶级结点的子结点, 并把子结点对象传给fn函数 fn($(this)); }); });});
登录后复制
附一个XML文件
请取名config.xml放在和以上js同目录下, 并都放在站点中
李华 男 1978.9.12 92 Java Oracle C Sharp SQL Server 李寻欢 男 1981.4.19 58 UML C Sharp XML SQL Server
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
怎样进行JS内DOM节点使用
怎样使用JS实现缓冲运动
以上就是如何使用jQuery遍历XML节点与属性的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2751806.html
