Изменить источник изображения для всех изображений с помощью 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>