html模板結合JS替換函數，生成新的記錄

1.定義html模板：

<script type="text/html" id='tpl_change'>
<li>
<a href="/wechat/class/detail/id/{id}">
{title}
</a>
</li>
</script>

 

 

2.JQUERY替換功能

// 換一換
                $('.moreShare').click(function(){
                    $.post('/class/change',function(data){
                       $('.change_content').html('');
                       $(data).each(function(i){
                            var tpl = $('#tpl_change').html();
                            tpl =tpl.replace('{id}',data[i].id);
                            tpl =tpl.replace('{title}',data[i].title);
                           $('.change_content').append(tpl);
                       });
                    });
                });

 

特步短袖t恤男純棉2019夏季新款