zoukankan      html  css  js  c++  java
  • jquery tmpl续

    输出html标签内容
    格式:{{html 名字}}

    DEMO:

    <!DOCTYPE html>
    <html>
        <head>
            <title>jquery tmpl</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script src="js/jquery-1.8.1.min.js"></script>
            <script src="js/jquery.tmpl.min.js"></script>
            <script src="js/jquery.tmplPlus.min.js"></script>
        </head>
        <body>
            <div id="test"></div>
            <script id="testTemplate" type="text/x-jquery-tmpl">
                <h3>${title}</h3>
                <ul>
                    {{each arr}}
                    <li><a href="${src}">{{html txt}}</a></li>
                    {{/each}}
                </ul>
                {{html content}}
            </script>
            <script>
                var data = [{"src":"http://www.cnblogs.com/kuikui","txt":"<div style='color:#FF0000;'>博客-测试一</div>"},{"src":"http://www.cnblogs.com/kuikui","txt":"博客-测试二"},{"src":"http://www.cnblogs.com/kuikui","txt":"博客-测试三"}];
                var obj = {"title":"标题","arr":data,"content":"<div>测试<br/><a href='http://www.cnblogs.com/kuikui' target='_blank'>测试</a></div>"};
                $("#testTemplate").tmpl(obj).appendTo("#test");
            </script>
        </body>
    </html>
  • 相关阅读:
    DFS
    关于memset

    SpringCloud(六)Ribbon负载均衡
    每日算法练习(2020-1-27)
    SpringCloud(五)Eureka Server高可用集群与常见问题
    SpringCloud(四)Eureka服务注册与发现
    SpringCloud(三)常用系统架构技术讲解
    Redis(八)
    Redis(七)
  • 原文地址:https://www.cnblogs.com/kuikui/p/2879225.html
Copyright © 2011-2022 走看看