jqyery prop('outerHTML') vs wrap 对比

正在开发的模板 要做灯箱和相册特效

因为直接php操作太麻烦了 要写一大堆正则

所以采用了客户端方案

第一版的时候采用的是

prop('outerHTML')方案

var htm = '<a href="' + src + '" data-fancybox="images">' + t.prop('outerHTML') + '</a>';
t.prop('outerHTML',htm);

也能实现想要的效果

但是仔细实践之后发现因为对dom进行了重写 所以会影响正在进行中的延迟加载 也就是其他操作

后来又修改为

wrap方案

t.wrap('<a href="' + src + '" data-fancybox="images"></a>');

目前没什么问题,而且代码也简洁了许多

希望给各位老铁一点经验分享,少走弯路少入坑.