Javascript 动态添加图片链接

Add link to image dynamically

提问by wearetherock

If i have "img" element id = "myimg".
Is posible to add link to "img" without edit html page using jQuery

如果我有“img”元素 id =“myimg”。
可以在不使用 jQuery 编辑 html 页面的情况下将链接添加到“img”

<img id="myimg" src="image.png">

I like to make "myimg" have link like this.

我喜欢让“myimg”有这样的链接。

<a href="test.html"><img id="myimg" src="image.png"></a>

回答by cletus

You can use wrap():

您可以使用wrap()：

$("#myimg").wrap("<a href='test.html'></a>');

or

或者

$("#myimg").wrap($("<a>").attr("href", "test.html"));

or:

或者：

var a = $("<a>").attr("href", "test.html");
$("#myimg").wrap(a);

回答by Kangkan

I am not into jQuery. Using Javascript, you can do something like:

我不喜欢jQuery。使用 Javascript，您可以执行以下操作：

var parentEl = document.getElementById("myimg").parentElement;
var imgEl = parentEl.innerHtml;
parentEl.innerHtml = '<a href="test.html">' + imgEl + '</a>';

回答by Tr1stan

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