关于动态分配一个小页面

我们先定义一个小的 <div id="tuijian">结构,然后在一个循环里使用

var html

制作了一个个小的分割<div>同时，用到了循环语句

$.each(obj,function(i,item){
	//具体的代码方法
	//用 item来定位操作
});

						//清空div
						$('#tuijian').empty();
						//格式化后台传递过来的数据
						var dataobj = data.msg;
						//循环传递过来的数据
						$.each(dataobj,
							function (i, item) {
								var html = ' <div style="clear:both; border-bottom:1px solid #bababa; height:90px;">' +
									'     <img "lisen(\'' + item.musicPath + '\')" src="' + item.imgs + '" style="height:60px;width:60px; margin-top:10px;margin-left:30px;float:left;" />' +
									'     <div style="float:right; margin-top:25px;"><div style="float: left; height: 80px; font-weight: 600; margin-left: 60px;">' + item.musicName + '</div>' +
									'     <img src="gp/Broadcast.png" style="float:right; margin-right:40px;cursor:pointer" "lisen(\'' + item.musicPath + '\')" />' +
									'     <img src="gp/下载.png" style="float:right; margin-right:40px;cursor:pointer" "down(\'' + item.musicPath + '\')" />' +
									'     <div style="float:right;margin-left:60px;margin-right:30px;color:rgb(255, 106, 0);cursor:pointer" "setLove(\'' + item.musicName + '\')">收藏</div></div>' +
									'     <div style="float:right;width:400px;line-height:30px;">' +
									'     </div>' +
									' </div>';
								//添加html文本
								$('#tuijian').append(html);
								gequ += item.musicPath + ';';
							});