js循环数组

<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>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值