如何使用jQuery将img更改为amp-img？

Question

加速移动页（AMP）项目

原始

<div class="thumbnail"> 
<img src="MyImage.jpg" alt="an image"/> 
</div> 

结果

<div class="thumbnail"> 
<amp-img src="MyImage.jpg" width="1080" height="610" layout="responsive" alt="an image"></amp-img> 
</div> 

如何用jQuery做呢？

Answer 1

使用.replaceWith() API来替换内容：

$('.thumbnail').find('img').replaceWith(function() { 
    return '<amp-img src="'+this.src+'" width="1080" height="610" layout="responsive" alt="'+this.alt+'"></amp-img>' 
});