JQuery ajouter le tag <a> autour de <img>

Question

Comment puis-je ajouter une étiquette avec un lien vers cette image avec JQuery?

Answer 1

Cela enveloppez un ensemble d'images avec des liens vers les:

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

... utilise .each (link), .wrap (link) et les DOM natif src (link) Biens éléments d'image.

Modifier Ou comme Pointy indique (mais pas ostensiblement), il suffit de passer une fonction dans 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>'); 
});