JQuery agregar la etiqueta <a> alrededor de <img>

Question

¿Cómo puedo agregar la etiqueta aroud con un enlace a esa imagen con JQuery?

Answer 1

Esto envolver un conjunto de imágenes con enlaces a ellos:

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

... utiliza .each (link), .wrap (link), y el DOM nativa src (link) Propiedad de elementos de imagen.

Editar O como señala puntiagudo (pero no deliberadamente), sólo tiene que pasar una función en wrap:

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

Live example

Answer 2

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