动态添加图像链接

Question

如果我有"img"元素id ="myimg".
可以添加链接到"img"而无需使用jQuery编辑html页面

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

我喜欢让"myimg"有这样的链接.

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

Answer 1

你可以使用wrap():

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

要么

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

要么:

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

Answer 2

我不是jQuery.使用Javascript,您可以执行以下操作:

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