Как получить src сслыку чтобы заменить href сслыку?

Question

HTML:

<a id="img-1" href="https://static.example1.com/images/img1.png">
 <img class="img-thumbnail" src="https://proxy.example2.com/.../img1.png">
</a>
<a id="img-2" href="https://static.example1.com/images/img2.png">
 <img class="img-thumbnail"  src="https://proxy.example2.com/.../img2.png"
</a>

Как получить src у изображения, но при этом заменив обе href ссылки на соответствующие src ссылки?(и замена ссылок должна происходить со стороны клиента и если будет jQuery то ничего страшного)

Пробовал:

var imgsrc = document.getElementByClassName("img-thumbnail").src;
document.getElementById("img-1").src=imgsrc;

Но это полностью бесполезно, хотя на что было надеяться. Если честно, но хз как это реализовать.

Answer 1

На jq вот так вот можно. Заходим в каждую картинку, берем ее src, и ее родителю меняем href.

$('.img-thumbnail').each(function() {
  let src = $(this).attr('src');
  
  $(this).parents('a').attr('href', src);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="img-1" href="https://static.example1.com/images/img1.png">
 <img class="img-thumbnail" src="https://proxy.example2.com/.../img1.png">
</a>
<a id="img-2" href="https://static.example1.com/images/img2.png">
 <img class="img-thumbnail" src="https://proxy.example2.com/.../img2.png">
</a>

Answer 2

let imgs = document.querySelectorAll('.img-thumbnail');
imgs.forEach(el => el.closest('a').href = el.src);

БЛОГ НА HUSL

Как получить src сслыку чтобы заменить href сслыку?

Ответы (2 шт):