Add dynamic in dynamic link

Question

If I have an element "img" id = "myimg".
It is possible to add a link to "img" without editing the html page using jQuery

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

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

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

Answer 1

You can use 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); 

Answer 2

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

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

Answer 3

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