依据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);

最新文章

  1. redis常用配置
  2. (:: operator)作用域限定符的几种使用
  3. next().value和next().done
  4. GCD中的dispatch_set_target_queue的用法及作用
  5. 警告: [SetContextPropertiesRule]{Context} Setting property &#39;source&#39; to &#39;org.eclipse.jst.jee.server:CurrencyClientServe
  6. HD1385Minimum Transport Cost(Floyd + 输出路径)
  7. iOS9的适配
  8. HDU-4669 Mutiples on a circle 环形DP
  9. 使用JUnit4与JMockit进行打桩测试
  10. 额定能量不得超过160Wh, 等同是多少mAh电池容量?
  11. TaskMgr C#技术拾遗
  12. C# 导出word文档及批量导出word文档(3)
  13. 【转】基于DM8168的视频智能分析系统的设计方案
  14. 让EF支持sql语句
  15. Delphi中的“委托”
  16. jQuery ajax方法success()中后台传来的四种数据类型
  17. 剑指Offer——滴滴笔试题+知识点总结
  18. nginx普通配置/负载均衡配置/ssl/https配置
  19. 按字典序依次打印只由1~n组成的n位数
  20. Jquery Jquery对象和DOM对象的微妙联系

热门文章

  1. Spring配置项之&lt;aop:aspectj-autoproxy /&gt;
  2. iOS -- SKTransition类
  3. ES6新语法学习
  4. VC++中MCI播放音频文件 【转】
  5. css3: background-image使用多个背景图像
  6. pycharm5.0 激活方式
  7. vue项目结构设计
  8. class中的私有属性的访问
  9. android:PopupWindow的使用场景和注意事项
  10. 使用unidac 连接FB 3.0 (含嵌入版)