使用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>