動態添加鏈接到圖片

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>';