js动态创建多个div
如何才能用js动态创建多个div的标签呢比如php返回7个数组创建7个这样的标签。麻烦各位啦谢谢<divclass="p-l-20p-r-20p-b-10p-t-10b-...
如何才能用js 动态创建多个div的标签呢 比如php返回7个数组 创建7个这样的标签 。 麻烦各位啦 谢谢
<div class="p-l-20 p-r-20 p-b-10 p-t-10 b-b b-grey">
<div class="pull-left">
<p class="text-important">PHP返回值</p>
<p class="text-black">PHP返回</p>
</div>
<div class="pull-right">
<p class="text-black">PHP返回</p>
<span class="label label-success" style="vertical-align: bottom;" >PHP返回</span>
</div>
<div class="clearfix"></div>
</div> 展开
<div class="p-l-20 p-r-20 p-b-10 p-t-10 b-b b-grey">
<div class="pull-left">
<p class="text-important">PHP返回值</p>
<p class="text-black">PHP返回</p>
</div>
<div class="pull-right">
<p class="text-black">PHP返回</p>
<span class="label label-success" style="vertical-align: bottom;" >PHP返回</span>
</div>
<div class="clearfix"></div>
</div> 展开
展开全部
<div id="abc"></div>
<script>
//你也没说一下php返回的数据结构究竟是怎样的。我假定是下面这样的:
var res=[
{a:1,b:2,c:23,d:34},
{a:231,b:2,c:39,d:14},
{a:1,b:2,c:453,d:784},
{a:981,b:1221,c:33,d:124},
{a:1,b:2,c:334,d:41243},
{a:12341,b:2,c:563,d:47},
{a:5121,b:1232,c:433,d:24}
];
document.getElementById("abc").innerHTML=res.map(function(o){
var html="";
html+='<div class="p-l-20 p-r-20 p-b-10 p-t-10 b-b b-grey">';
html+='<div class="pull-left">';
html+='<p class="text-important">'+o.a+'</p>';
html+='<p class="text-black">'+o.b+'</p>';
html+='</div>';
html+='<div class="pull-right">';
html+='<p class="text-black">'+o.c+'</p>';
html+='<span class="label label-success" style="vertical-align: bottom;" >'+o.d+'</span>';
html+='</div>';
html+='<div class="clearfix"></div>';
html+='</div>';
return html;
}).join("");
</script>
追问
为啥运行起来什么都没有
返回值是 var hq_str_sh601006="大秦铁路,8.970,8.980,9.010,9.040,8.920,9.010,9.020,20529568,184450443.000,16900,9.010,73812,9.000,186600,8.990,141400,8.980,71200,8.970,555740,9.020,173500,9.030,429100,9.040,920100,9.050,210900,9.060,2018-08-24,15:00:00,00";
这种类型的 只需要四个 601006 大秦铁路 8.970 8.980
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询