在我的网站上,每个帖子都以图片开头:
<img src="sample.jpg" alt="sample alt" />
我正在寻找的是将所有图像条目更改为:
<img data-src="sample.jpg" alt="sample alt" />
所以基本上我想:
用
src
附加/前缀data-
要么
将
src
替换为data-src
我看过
.replace()
.replaceWith()
.before()
.insertBefore()
,他们都没有做我想要的。有关为何要执行此操作的一些信息。我要实现mblight.js(延迟加载),要求之一是在“ data-src”属性中包含实际的图像源。我不想将HTML与markdown混合使用,因此出现了这个问题。
最佳答案
我认为最好的办法是
$('img[src]').attr('data-src', function(){
return $(this).attr('src')
}).removeAttr('src');
演示:Fiddle
关于jquery - 如何替换/替代属性名称,而不是其内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21799470/