如何使用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。