js 将html插入指定元素中

来源：互联网发布：淘宝免费买东西的软件编辑：程序博客网时间：2024/05/22 17:22

这里写图片描述

一定要先定义一个空的html。。。

一定要记得写#啊，#代表id,.代表class..

定义一个空html，一定要写在for循环外面，否则每次循环，html_same又被清空了..

    <!-- 同类商品推荐 -->    <script type="text/javascript">    $(function(){        var my_role = $('#my_role').val();//一定要记得写#啊，#代表id,.代表class..        var data = {'role': my_role};        $.post(contextPath+'/SameProductController',data,'json').done(function(datas){            datas = JSON.parse(datas);            var html_same ='';  //一定要写在for循环外面，否则每次循环，html_same又被清空了..            for(var i=0;i<datas.length;i++){                var product = datas[i];                var pic = 'img/'+product.product_img;                html_same +='<div>'                            + '<ul>'                            + '<li class="sel_detlmli">'                            + '<p class="sel_detlmlimg"><a href="#">'                            + '<img src='+pic+' width="160" height="160" /></a></p>'                            + '<p class="sel_detlmlip"><a href="#">名称：'+product.product_name+'</a></p>'                            + '<p class="sel_detlmlip">规格：'+product.product_standard+'</p>'                            + '<p class="sel_detlmlip">产品类型：'+product.product_type+'</p>'                            + '<p class="sel_detlmlip">厂家：'+product.product_producer+'</p>'                            + '</li>'                            + '</ul>'                            + '<div>'            }            $('#theSame').html(html_same);        }).fail(function(res){        });    });    </script>

0 0