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>'));

Answer 2

建议去看一些js操作dom的基础，用jq的话就去看jquery的

磨刀不误砍柴工

Answer 3

$(".notice_1").after(sq)

Answer 4

你把.html()这个改成append('')就好了啊。不用next()这个函数。直接append()简单愉快

Answer 5

哈哈哈，上代码的直接拿去用了，你们这些建议的压根不鸟，哈哈哈