2016-02-29 57 views
1

加速移動頁(AMP)項目如何使用jQuery將img更改爲amp-img?

原始

<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

使用.replaceWith() API來替換內容:

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

太謝謝你了...它的工作... :) – ecos301

+0

很高興聽到這一點,我們歡迎您的伴侶 –

+0

你怎麼可以使用jQuery上amp頁,我一直在尋找這個,請指導我 –