前端小技巧！ 速速来看! 为自己为后端节省时间!

为自己为后端节省时间!

htm代码！

10条

4条

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标签的复制影响
});

使用条件——在需要复制的div添加一个copy的class，还要加上一个data-num="你想要复制的次数"。