JQuery add <a> tag around <img>

Question

How to add aroud tag with link to this image using jQuery?

Answer 1

This will complete the set of images with links to them:

$('some selector for the images').each(function() {
    $(this).wrap("<a href='" + this.src + "'/>");
});

... uses .each( link ), .wrap( link ) and the DOM src() property for image elements.

Edit Or, if Pointy points out (but not clearly), just pass the function to wrap:

$('some selector for the images').wrap(function() {
  return "<a href='" + this.src + "'/>";
});

Real time example

Answer 2

$('#img').each(function(){
    var $this = $(this); 
    $this.wrap('<a href="' + $this.attr('src') + '"></a>');
});