如何用jQuery将img更改为amp-img?

时间:2016-02-29 03:07:00

标签: jquery image amp-html

加速移动页面(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?

1 个答案:

答案 0 :(得分: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>'
});