Search code examples
javascriptjqueryimagehyperlinkhref

Add link to image dynamically


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

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

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

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

Solution

  • 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);