js使用递归解析xml

 更新时间:2014年12月12日 10:24:31   投稿:hebedich  
这篇文章主要介绍了js使用递归解析xml,需要的朋友可以参考下

xml结构:

复制代码 代码如下:

<RightMenuItems>
  <Item Code="New" Name="新建" GroupCode="Edit" GroupName="编辑"/>
  <Item Code="Open" Name="打开" GroupCode="Edit" GroupName="编辑">
    <item Code="Word" Name="Word文档" GroupCode="CommonDocument" GroupName="常规"/>
    <item Code="Excel" Name="Excel文档" GroupCode="CommonDocument" GroupName="常规"/>
    <item Code="CustomDocument" Name="自定义文档" GroupCode="CustomDocument" GroupName="自定义"/>
  </Item>
  <Item Code="Save" Name="保存" GroupCode="Edit" GroupName="编辑"/>
  <Item Code="Exit" Name="离开" GroupCode="Exit" GroupName="离开"/>
</RightMenuItems>

解析方法:

复制代码 代码如下:

$(xml).find("RightMenuItems").each(function () {
   this.data = Traversal($(this).children());
 });
var Traversal = function (nodes) {
        var itemList = new Array();
        $.each(nodes, function () {
            var entity = new RightMenuEntity();
            var obj = $(this);
            entity.Code = obj[0].getAttribute("Code");
            entity.Name = obj[0].getAttribute("Name");
            entity.GroupCode = obj[0].getAttribute("GroupCode");
            entity.GroupName = obj[0].getAttribute("GroupName");
            if (obj[0].hasChildNodes()) entity.ChildItems = Traversal(obj.children());
            itemList.push(entity);
        });
        return itemList;
    };

以上就是javascript使用递归解析XML的全部代码了,超级简洁,非常使用,给需要的小伙伴参考下。

相关文章

  • uni-app下Worker的使用示例详解

    uni-app下Worker的使用示例详解

    这篇文章主要介绍了uni-app下Worker的使用示例详解,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-08-08
  • 使用javascript实现雪花飘落的效果

    使用javascript实现雪花飘落的效果

    本文主要介绍了使用javascript实现雪花飘落的特效,虽然网上有很多,不过都是比较陈旧了,兼容性不是太好,于是动手写一个,把思路和实现代码都分享给大家。
    2015-01-01
  • 深入认识JavaScript中的函数

    深入认识JavaScript中的函数

    深入认识JavaScript中的函数...
    2007-01-01
  • 你可能从未使用过的11+个JavaScript特性(小结)

    你可能从未使用过的11+个JavaScript特性(小结)

    这篇文章主要介绍了你可能从未使用过的11+个JavaScript特性(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • JS动画定时器知识总结

    JS动画定时器知识总结

    这篇文章给大家总结了关于JS动画中定时器的相关用法以及相关知识点总结,有需要的朋友可以参考学习下。
    2018-03-03
  • js实现简单放大镜效果

    js实现简单放大镜效果

    这篇文章主要为大家详细介绍了js实现简单放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JS实现图片垂直居中显示小结

    JS实现图片垂直居中显示小结

    本文给大家分享了4中图片垂直居中显示的效果,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-12-12
  • 卡拉 OK 字幕效果

    卡拉 OK 字幕效果

    卡拉 OK 字幕效果...
    2006-08-08
  • 从数据结构的角度分析 for each in 比 for in 快的多

    从数据结构的角度分析 for each in 比 for in 快的多

    今天仔细琢磨了会,从数据结构的角度分析了下,觉得for in和for each in效率上有着本质的区别,无论是JS还是AS
    2013-07-07
  • 使用JavaScript和CSS实现简单的字符计数器

    使用JavaScript和CSS实现简单的字符计数器

    在本文中,你将学习如何使用 JavaScript 创建字符计数器。计数的数字可以在小显示屏中看到。文中示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2022-08-08

最新评论