how to add a link to an image using jquery?

Question

 
 Catalogue

script:

Answer 1

img elements do not have href attributes. If you want the image to act as a link you have a couple of options. You could wrap the img in an a element:

$("#pdf1img").wrap("<a href='/Content/pdf/" + data.pdf1 + "'>");

Or you could bind a click event handler to the image and use window.location:

$("#pdf1img").click(function() {
    window.location.href = "/Content/pdf/" + data.pdf1;
});

Answer 2

$("#pdf1img").wrap($('<a>',{
   href: '/Content/pdf/' + data.pdf1
}));

Try that ^^^

Image elements cannot be links, but they can be wrapped in anchor elements which are.

.wrap() in jQuery Docs