JQuery добавить тег <a> около <img>

Question

Как добавить тег aroud со ссылкой на это изображение с помощью JQuery?

Answer 1

Это завернуть набор изображений со ссылками на них:

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

... использует .each (link), .wrap (link), а родной DOM src свойство (link) для элементы изображения.

Редактировать Или, как Понтий указывает (но не демонстративно), просто передать функцию в 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>'); 
});