Как скопировать ссылку изображения, чтобы потом присвоить ее родительской ссылке?

Question

[MFNIK]

Есть код:

<div class="gallery">
<a class="img-link">
	<img class="img-responsive" src="images-link-1.jpg" alt="">
</a>
<a class="img-link">
	<img class="img-responsive" src="images-link-2.jpg" alt="">
</a>
<a class="img-link">
	<img class="img-responsive" src="images-link-3.jpg" alt="">
</a>
</div>

Нужно поместить ссылку изображения в переменную, далее добавить переменную в виде атрибута href родительскому тегу "a" вот так:

<div class="gallery">
<a class="img-link" href="images-link-1.jpg">
	<img class="img-responsive" src="images-link-1.jpg" alt="">
</a>
<a class="img-link" href="images-link-2.jpg">
	<img class="img-responsive" src="images-link-2.jpg" alt="">
</a>
<a class="img-link" href="images-link-3.jpg">
	<img class="img-responsive" src="images-link-3.jpg" alt="">
</a>
</div>

Накидал такой код, не работает.

$( document ).ready(function() {
	var urlImg = $('.gallery img').data('src');
	$(this).parent('.img-link').attr('href', urlImg);
});

Comments

[ProjectSoft]

Вы пробовали в вашем коде в console вывести this?

$('a.img-link > img').each(function(){
    $(this).parent().attr('href', this.src);
});

[MFNIK]

ProjectSoft, ничего((

[ProjectSoft]

MFNIK, быть не может
https://codepen.io/ProjectSoft/pen/bGgzwRo

[MFNIK]

ProjectSoft, Не работает. А может быть проблема в том, что перед этим я к картинкам добавляю тег

$('.images-thumbs img').wrap('<a class="img-link" href=""></a>');

Чтобы на выходе было так

.images-thumbs > a > img

Может быть когда скрипт срабатывает, тега еще нет?))

[MFNIK]

Да как оказалось именно в этом дело, такой код в моем случае работает.

$('.images-thumbs img').wrap('<a class="img-link" href=""></a>');

$('a.img-link > img').load(function() {
	var i = $(this).parent().attr('href', this.src);
    console.log(i);
})

[MFNIK]

Спасибо за помощь!