У меня есть массив изображений, для которых нужно применить атрибут размера данных к тегу img для каждого изображения
<div class="wrapper">
<div class="col-md-3>
<div class="item">
<a href="img/1.jpg">
<img class="img-responsive" src="img/1.jpg">
</a>
</div>
</div>
<div class="col-md-3>
<div class="item">
<a href="img/2.jpg">
<img class="img-responsive" src="img/2.jpg">
</a>
</div>
</div>
</div>
Вот мой код jquery:
$('.wrapper').each(function() {
$(this).find('a').each(function() {
$(this).attr('data-size', $(this).find('img').get(0).naturalWidth + 'x' + $(this).find('img').get(0).naturalHeight);
});
});
Но он всегда возвращает data-size = "0x0" Может кто-нибудь объяснить, если я делаю что-то не так? Спасибо