js循环数组

来源:互联网 发布:中国父母知乎 编辑:程序博客网 时间:2024/06/08 00:13
<script type="text/javascript"> var x; //定义数组 x =  [{"模板编号" : "89898889-z1","点击数" : "20","引用数" : "50","发布者" : "xx公司","发布时间" : "2014-12-12","说明" : "点附近地方极大搜额哦死哦该末班几分","img1" : "./images/Battlefield_4_Icon.jpg","img2" : "./images/Battlefield_4_Icon.jpg","img3" : "./images/Battlefield_4_Icon.jpg","img4" : "./images/Battlefield_4_Icon.jpg"} ,{"模板编号" : "89898889-z2","点击数" : "20","引用数" : "50","发布者" : "xx公司","发布时间" : "2014-12-12","说明" : "点附近地方极大搜额哦死哦该末班几分","img1" : "./images/Battlefield_3_Icon.jpg","img2" : "./images/Battlefield_3_Icon.jpg","img3" : "./images/Battlefield_3_Icon.jpg","img4" : "./images/Battlefield_3_Icon.jpg"}]; function apply(){  for (var i =0; i < x.length; i++) {$("#apply-num").text(x[i]['模板编号']);$("#apply-instruct").text(x[i]['说明']);$("#apply-click").text(x[i]['点击数']);$("#apply-quote").text(x[i]['引用数']);$("#apply-user").text(x[i]['发布者']);$("#apply-time").text(x[i]['发布时间']);var li1=$('<li><img src="'+x[i]['img1']+'"/></li>');var li2=$('<li><img src="'+x[i]['img2']+'"/></li>');var li3=$('<li><img src="'+x[i]['img3']+'"/></li>');var li4=$('<li><img src="'+x[i]['img4']+'"/></li>');var li5=$('<li><img src="'+x[i]['img4']+'"/></li>');var div_clf=($('<div class="clf"></div>'));$("#apply-img").append(li1,li2,li3,li4,li5,div_clf);};}// x={"模板编号":"89898889-z1","点击数":"20","引用数":"50","发布者":"xx公司","发布时间":"2014-12-12","说明":"点附近地方极","img":"./images/Battlefield_4_Icon.jpg"};// $.each(x,function(i){ alert(i+":"+x[i]); });apply();//调用函数</script>


 <div class="apply-content"> <h4>应用列表</h4> 模板编号 :<div id="apply-num" class="apply-text"> </div> 说明 :<div id="apply-instruct"> </div>   点击数 :<div id="apply-click" class="apply-text">  </div> 引用数 :<div id="apply-quote" class="apply-text">   </div> 发布者 :<div id="apply-user" class="apply-text">   </div> 发布时间 :<div id="apply-time" class="apply-text">  </div><ul id="apply-img"class="apply-img"></ul> </div>


0 0
原创粉丝点击