使用jQuery更改所有圖像的圖像源

Question

我的頁面上有一些空的圖像標籤，圖像存儲在數據屬性中。

在頁面加載，我想從數據屬性取此值，並將其放置在源...

$('div').each('img').attr('src', $(this).data('src')); 

http://jsfiddle.net/09e9bdwd/

Answer 1

你不正確使用each。在這裏，你有一個使用樣本

$('div img').each(function() { 
    var $this = $(this); 
    $this.attr('src', $this.data('src')); 
}) 

Answer 2

這是做了正確的方法：

$('div img').each(function(){ 
    $(this).attr('src', $(this).data('src'));  
}); 

DEMO：https://jsfiddle.net/lmgonzalves/09e9bdwd/1/

Answer 3

稍微更快的方法與使用.each()

var images  = document.querySelectorAll("div img"), 
 
    imageCount = document.images.length; 
 

 
for (var i = 0; i < imageCount; i++) { 
 
    images[i].setAttribute("src", images[i].dataset.src); 
 
}

<div> 
 
    <img src="" data-src="http://placehold.it/150x150"> 
 
</div> 
 

 
<div> 
 
    <img src="" data-src="http://placehold.it/150x150"> 
 
</div> 
 

 
<div> 
 
    <img src="" data-src="http://placehold.it/150x150"> 
 
</div>