js使用遞歸解析xml

2019-11-20 13:45:45

字體：大中小

供稿：網(wǎng)友

xml結構：

<RightMenuItems>
  <Item Code="New" Name="新建" GroupCode="Edit" GroupName="編輯"/>
  <Item Code="Open" Name="打開" GroupCode="Edit" GroupName="編輯">
    <item Code="Word" Name="Word文檔" GroupCode="CommonDocument" GroupName="常規(guī)"/>
    <item Code="Excel" Name="Excel文檔" GroupCode="CommonDocument" GroupName="常規(guī)"/>
    <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;
    };