依据HTML模板返回解析的XML 
依赖jQuery 1.4
​1. [代码]基于Jquery的xml解析器并返回定制的HTML     
/**
 *  jQuery插件
 *  Author: purecolor@foxmail.com
 *  Date  : 2011-02-16
 *  Params: dom:XMLDocument ,
 *          _default:{
 *              reg:匹配标签正则,
 *              lc:标签左结束符,
 *              rc:标签右结束符,
 *              script:是否包含script,
 *              scriptID:包含script的节点,
 *              tplBox:模板,
 *              tplhtml:信息条目
 *          }
 *  Return: HTMLDocument
 *  Note  : XML处理插件
 *           
 */
(function($){
    $.fn.extend({
        parseXML:function(dom,option){
            var that=$(dom);
            var html={};
            var tpl='';
             
            //配置数据
            var _default={
                reg:/\{\w+\}/gi,
                lc:'{',
                rc:'}',
                script:true,
                scriptID:'script',
                tplBox:'<ul class="indexiframelist skin3">{item}</ul>{more}',
                tplhtml:{
                    item:'<li><a href="{link}"><span class="timer">{pubDate}</span>{title}</a></li>',
                    more:'<div class="moreLink"><a href="{link}">{title}</a></div>',
                    script:'function {funcationname}{{funcationcode}}'
                }背景音乐http://www.huiyi8.com/bgm/​
            }       
            var option=$.extend(_default,option);
             
            //开始处理tplBody
            $.each(option.tplhtml,function(o,str){
                var rego=str.match(option.reg);
                html[o]=[];
                $(o,that).each(function(){
                    var D=$(this),shtml=str;
                    $.each(rego,function(i,c){
                        shtml=shtml.replace(c,D.find(c.replace(option.lc,'').replace(option.rc,'')).text());
                    }); 
                    html[o].push(shtml);
                });
            }); 
             
            //开始处理tplBox
            var tplHtml=option.tplBox;
            tpl=option.tplBox.match(option.reg);
            $.each(tpl,function(i,c){
                tplHtml=tplHtml.replace(c,html[c.replace(option.lc,'').replace(option.rc,'')].join(''));
            }); 
             
            //向页面添加script
            if(option.script){          
                var script=document.createElement('script');
                script.type="text/javascript";
                script.text=html[option.scriptID].join('');
                $('html > head').append(script);
            }   
             
            return tplHtml;
        }
    });
})(jQuery);

基于Jquery的XML解析器,返回定制的HTML的更多相关文章

  1. 使用XWAF框架(5)——XML解析器:CXDP

    XWAF推出了自己的组合式XML文档解析器,英文名叫:“CXDP”,是“Combined XML Document Parser”的缩写.核心代码属XWAF原创,注释.日志和帮助文档采用全中文描述,特 ...

  2. Duilib源码分析(三)XML解析器—CMarkup

    上一节介绍了控件构造器CDialogBuilder,接下来将分析其XML解析器CMarkup: CMarkup:xml解析器,目前内置支持三种编码格式:UTF8.UNICODE.ASNI,默认为UTF ...

  3. tinyxml一个优秀的C++ XML解析器

    读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...

  4. TinyXML:一个优秀的C++ XML解析器

    //-------------------------------------------------------------------------------------------------- ...

  5. 转:TinyXM--优秀的C++ XML解析器

    读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...

  6. XML解析器(转)

    常见C/C++ XML解析器有tinyxml.XERCES.squashxml.xmlite.pugxml.libxml等等,这些解析器有些是支持多语言的,有些只是单纯C/C++的.如果你是第一次接触 ...

  7. TinyXML:一个优秀的C++ XML解析器[转]

    TinyXML:一个优秀的C++ XML解析器 读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似 ...

  8. Java XML解析器

    使用Apache Xerces解析XML文档 一.技术概述 在用Java解析XML时候,一般都使用现成XML解析器来完成,自己编码解析是一件很棘手的问题,对程序员要求很高,一般也没有专业厂商或者开源组 ...

  9. C++ xml 解析器

    C++的xml解析器有很多,这个知乎回答里有一个列表:https://www.zhihu.com/question/32046606 下面使用其中的RapidXml试试. 官方地址: https:// ...

随机推荐

  1. restful的认识和用法

    目录 一.restful的认识 1.基本概念 2.规范和约束 3.使用标准的状态码 二.具体使用 1.简单概括 2.根据id查询一个员工 3.查询所有员工 4.保存一个员工 5.根据id修改员工 6. ...

  2. Could not change executable permissions on the application

    I could solve it erasing an application that I had previously uploaded using the same Bundle Identif ...

  3. 【bootstrap】使用支持bootstrap的时间插件daterangepicker

    其中的架包和代码,具体可以去GitHub下查看: https://github.com/AngelSXD/myagenorderdiscount 1.引入js和css <link href=&q ...

  4. mac 当前位置打开终端

    做开发时经常会遇到在当前目录打开终端的情况,一直都是先启动终端,然后再切换到当前目录,今天发现了一个新的方法,虽然不是一步到位,但比以前快多了.   工具/原料   mac系统 苹果电脑 方法/步骤 ...

  5. 椭圆人头跟踪bmp图像序列 BMP Image Sequences for Elliptical Head Tracking

    BMP Image Sequences for Elliptical Head Tracking The BMP image sequences used in the head tracking d ...

  6. sublime的tab和spaces空格切换的坑

    python是严格要求对齐或者叫缩进的: 使用sublime对python进行编程时,可以使用tab或者空格,但是不能混用.特别是从外面把代码拷贝进sublime的时候,更要注意是否一致. 简单介绍一 ...

  7. 深入理解Java中的HashMap的实现原理

    HashMap继承自抽象类AbstractMap,抽象类AbstractMap实现了Map接口.关系图例如以下所看到的: Java中的Map<key, value>接口同意我们将一个对象作 ...

  8. intent 支持的action 动作

    String ACTION_AIRPLANE_MODE_CHANGED Broadcast Action: The user has switched the phone into or out of ...

  9. 转帖:HttpStatusCode状态说明C#版

    Continue 等效于 HTTP 状态 100.Continue 指示客户端可能继续其请求. SwitchingProtocols 等效于 HTTP 状态 101.SwitchingProtocol ...

  10. WMS8_条码界面操作简要说明(包装作业)

    说明:条码界面的主要用途是包装作业 这个客户端,完全是JS实现的     可以从 All operation看板视图 Picking的表单视图                 All operatio ...