js 编写动态页面 怎么打印到前端

Question

  这里是html：       <div class="notice notice1">            <h5 class="notice_1">【公告】</h5>           <!--我想动态生成3个以下span标签  静态页面-->            <!-- <span class="notice_2 notice-block" >粮达网新公告标题在这里查看</span>            <span class="notice_2" >12啊是否打算打算</span>            <span class="notice_2" >擦擦擦擦啊是的</span> -->              </div>                   javaScript：               var sq="";            for(var i=0;i<3;i++){               sq += '<span class="notice_2">擦擦擦擦啊是的</span>';            }                     ✨✨ //$(".notice_1").next().html(sq);  这个地方是有问题的  但是不知道怎么写                     网上看了一般都是必须得 遍历打印到一个空标签里           我想知道，有什么办法可以打印在h5的下面  要怎么做？          求大神！  还有等以后跟后端接数据  这一块的问题可能会很多，         因为布局可能没布好，         导致后期可能会出现很多问题 。。那有很多mvc框架            是不是就是解决这种问题？      

Answer 1

var html='';

for(var i=0;i<data.length;i++){

    var span[i] = '<span class="notice_2">data[i]</span>';

    html += span[i];

}

$('<div></div>').html(html);

$(".notice_1").append($('<div></div>'));