动态添加链接到图片

Question

如果我有“img”元素id =“myimg”。
是更多钞票使用jQuery

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

我喜欢做“myimg”有这样的链接，而不编辑HTML页面添加到“IMG”。

<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

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

Answer 3

我不进jQuery的。使用JavaScript，你可以做这样的事情：

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