如何从图像的src值填充href值？

Question

我知道这很简单，但我无法解决（我是设计师）。

我想简单地使用<a>标记的src属性值填充<img>标记的href属性值。所以图像基本上与自身联系。

图像src将通过超级简单的CMS进行更新，我希望链接能够动态更新，而不是用户也必须更新URL。

我尝试过类似的东西，但它不起作用。

<a rel="lightbox[job1]" href="()document.getElementById("gal1_img1").src">
<img id="gal1_img1" src="images/gallery/job1/image-1.jpg">`enter code here`
</a>

Answer 1

您无法以当前的方式内联JavaScript内部属性。您可以在页面中添加脚本来执行此操作：

<a id="link" rel="lightbox[job1]" href="#">
<img id="gal1_img1" src="images/gallery/job1/image-1.jpg">`enter code here`
</a>

<script>
document.getElementById("link").href = document.getElementById("gal1_img1").src;
</script>

Answer 2

尝试将此作为<a>的href：

href="javascript:window.location=this.getElementsByTagName('img')[0].src;"

假设这些<a>标签中只有一个图像，这适用于没有禁用javascript运行的任何人。

Answer 3

试试这个。

 var att = $('#gal1_img1').attr('src');
 $("a[rel*='lightbox[job1]']").attr('href',att);