在我的网站上,每个帖子都以图片开头:

<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/

10-12 14:42
查看更多