使用jsp模板——template.js

附上github地址

用script圈出一部分区域，用来存放模板 注意

1、要有id

2、type类型是text/html

3、{{each list as value i}}圈出遍历范围

4、{{value.xxx}}用来取值

<script id="goodStore" type="text/html">
    {{each list as value i}}
    <div class="gs-left">
        <div class="gsl-title">
            <div><a href="#" class="ui-link"><img src="{{value.storeImage}}"></a></div>
            <a href="#" class="gs-name ui-link">店铺名称</a>
        </div>
        <div class="gsl-content">
            <div>
                <a href="#" class="ui-link"><img src="http://style.i369.com/n/images/wapimg/gs1.png"></a>
            </div>
            <ul>
                <li><a href="#" class="ui-link"><img src="http://style.i369.com/n/images/wapimg/gs2.png"></a></li>
                <li class="gslc-last"><a href="#" class="ui-link"><img src="http://style.i369.com/n/images/wapimg/gs2.png"></a></li>
            </ul>
        </div>
    </div>
    {{/each}}
</script>

调用方法：template(“id”,{key:value})

var html = template("kills",{list:kills});
ul.html(html);