JQuery aggiungi tag <a> intorno a <img>

Question

Come posso aggiungere tag aroud con il collegamento a quell'immagine con JQuery?

Answer 1

Ciò avvolgere una serie di immagini con link a loro:

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

... usa .each (link), .wrap (link), e il DOM nativo src (link) in elementi dell'immagine

Modifica O come sottolinea a punta (ma non volutamente), basta passare una funzione in 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>'); 
});