前端-对相同模块的处理

对相同模块的处理

情况分析:
在这里插入图片描述

	一个div中要生成多个相同的模块,那么从服务器端获得数据之后,对原有模块的结构进行克隆,
通过获得的数据进行内容的更改即可快速实现内容的同类展示。

代码展示:

#克隆结构
	var $cloneCol = $('.col-xs-4').first.clone();
	
#更改内容,dataObj 是从服务器获取的数据对象
	$cloneCol.find('img').attr('src',dataObj.data[i].champion_icon);
	$cloneCol.find('span').html(dataObj.data[i].champion_icon);
	
#添加到页面上
	$cloneCol.appendTo('.row');
	

泡泡:

	可能有时候会没有原 model,这样就不能直接使用原 model 进行克隆,这时候要进行的应该就是 在 js 函数中生成一个结构,
中间放入从服务器端拿到的数据,然后插入到页面中,具体情况如下:

在这里插入图片描述
想看详细实例的话,点击下面这个 链接 好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值