如何從圖像的src值填充href值？

Question

我知道這很簡單，但我無法解決（我是一名設計師）。

我想簡單地使用<img>標記的src屬性的值填充<a>標記的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);