主页 / 问题 / 1360409
Accepted
ΝNL993
Asked:2022-05-13 17:34:46 +0000 UTC2022-05-13 17:34:46 +0000 UTC

如何获取链接的src来替换链接的href？

  • 772

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 链接？

试过：

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

但它完全没用，尽管这是希望的。说实话，不过 xs 怎么实现呢。

javascript

2 个回答

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

  2. 在 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>

    • 3

相关问题