tpl模版

变量

var data = {name: 'lilei'}; 
var str = "<h3><%=name%></h3>"; 
console.log($.tpl(str, data)); // => <h3>lilei</h3>

循环

var data2 = {
    title:'listArray',
    list:[
        { username:'tom',sex:1},
        { username:'lili',sex:0}
    ]
};
var str2 = '<div>'
+'    <h1 class="header"><%=title%></h1>'
+'    <ul class="list">'
+'        <%for(var i = 0;i<list.length;i++){%>'
+'        <li class="item">'
+'            <%=list[i].username%>'
+'            性别：<%if (list[i].sex){%>男<%}else{%>女<%}%>'
+'        </li>'
+'        <%}%>'
+'    </ul>'
+'</div>';
console.log($.tpl(str2, data2));