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++){&nbsp; &nbsp; var span[i] = '<span class="notice_2">data[i]</span>';&nbsp; &nbsp; html += span[i];}$('<div></div>').html(html);$(".notice_1").append($('<div></div>'));