jquery模板template

 

给<script>设置type="text/template",标签里面的内容不会被执行,也不会显示在页面上,但是可以在另一个script里面通过获取,然后再通过相关的模板工具进行处理,插入到页面中。这样就把大段的HTML操作从js里面分离开了。

 

 

<html>
<head>
<script ></script>//下面的js地址
<script class="t" type="text/template">
<tr id="c">
<td><button class="m" id="n">value</button></td>
</tr>
</script>
</head>
<body>
<table class="e"></table>
</body>
</html>

 上面是html中固定的表格,下面替换id:

var b=[1,2,3,4,5]
function a(b){
 for(var info=0;info<b.length;info++) {
   var  v= $(".t").html();//将html中的传给变量。
        var s=v.replace(/c/,b[info]);//v是字符串,c是表格行的id。
        $(".e").append(s);
} 

 虽然是替换tr的id,但是button是属于tr这一行的,所以每一行的id不同按钮的功能也不一样,当然也可以替换button的id。

 

用script标签的好处是默认不会显示在页面上,而且可以放置处script标签以外所有的标签,而显然模板里一般

 

不会出现script标签,设置了type后又能保证浏览器不去执行它导致报错。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值