如何在圖像上插入超鏈接，使用 javascript

Question

我有一張圖片，我需要在 javascript 中將超鏈接放到另一個現有網站上。

該圖像已經在包含 3 個圖像的幻燈片中，我需要鏈接每個特定圖像。

有誰知道這個問題的解決方案？

我已經嘗試過通過JSON超鏈接圖像的原始方法，它似乎不起作用。

這是我的代碼

 document.getElementById("arrowLeft").addEventListener("click", () => { kogebog_billede_nummer - 1 === 0? kogebog_billede_nummer = 3: kogebog_billede_nummer-- document.getElementById("kogebogBillede").src = `${wordPressData[2].acf.kogebog_eksempel["kogebog_billede" + kogebog_billede_nummer].url}`; }); document.getElementById("arrowRight").addEventListener("click", () => { kogebog_billede_nummer + 1 === 4? kogebog_billede_nummer = 1: kogebog_billede_nummer++ document.getElementById("kogebogBillede").src = `${wordPressData[2].acf.kogebog_eksempel["kogebog_billede" + kogebog_billede_nummer].url}`; });

 <div class="kogebogEksempel"> <div class="arrowBox"> <img id="arrowLeft" src="${wordPressData[2].acf.kogebog_eksempel.arrowleft.url}" alt="pil til venstre"> </div> <img id="kogebogBillede" src="${wordPressData[2].acf.kogebog_eksempel.kogebog_billede1.url}" alt="Coveret til VEGANSK GRUNDKØKKEN"> <div class="arrowBox"> <img id="arrowRight" src="${wordPressData[2].acf.kogebog_eksempel.arrowright.url}" alt="pil til højre"> </div> </div>

Answer 1

使用 jQuery wrap()

     $(document).ready(function() {
           var src = "linkhere";
           var a = $("<a/>").attr("href", src);
           $("#myimg").wrap(a);
    });

或者，您可以遍歷所有 a 標簽並使用 jQuery 添加 src。