replace匹配替换文本

最新推荐文章于 2024-08-21 17:43:15 发布

bloxed

最新推荐文章于 2024-08-21 17:43:15 发布

阅读量804

点赞数

文章标签： replace

本文链接：https://blog.csdn.net/github_37847992/article/details/78938626

版权

离子

/**
 @desc循环替换文本渲染
**/
  .html文件

  <ul  class='containt'></ul>


.js文件

 var    html = <li data-id=#{id}>#{name}</li>

 var listMap = [{id:10001,name : "栗子1"},
                {id:10002,name : "栗子2"}] 
 var  temp=""           
$.each(listMap,function(k,v){
        temp = this.html.replace(/#\{id\}/g, v.id || "")
                .replace(/#\{name\}/g, v.name || "")
        $(temp).appendTo($(".containt"));
    })  

**html文件渲染结果**  

    <ul  class='containt'>
        <li data-id='10001'>栗子1</li>
        <li data-id='10002'>栗子2</li>
    </ul>