为自己为后端节省时间!
htm代码!
<div class="copy" data-num="10"> 10条 </div>
<div class="copy" data-num="4"> 4条 </div>
jQuery代码
$('.copy').each(function(i, item) {
//页面加载完毕后读取页面所有含class为copy的标签,并执行js
var that = $('.copy').eq(0);
//定义该值是为了省略后面程序的的字符数,并且取copy的第一个
var num = that.attr("data-num");
//获得当前copy标签的data-num的值,即要复制的次数
var obj = that.clone().prop("outerHTML");
//获得包括当前节点的html代码
//alert(obj)
//alert(num)
var newobj = obj.replace('copy', '');
//将获得到的html代码中的copy字符串去除,以免js出现死循环或错误循环,并存为变量
// alert(newobj)
for (i = 1; i < num; i++) {
//that.before(obj);
that.after(newobj);
//在当前节点后插入html代码
}
that.removeClass('copy');
//移除当前节点的copy的class,避免对页面第二个copy标签的复制影响
});