Thẻ thêm JQuery <a> xung quanh <img>

Question

Làm cách nào để thêm thẻ được gắn với liên kết tới hình ảnh đó bằng JQuery?

Answer 1

này sẽ quấn một tập hợp các hình ảnh có liên hệ với họ:

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

... sử dụng .each (link), .wrap (link), và DOM bản địa src (link) tài sản cho các yếu tố hình ảnh.

Sửa Hoặc như chóp chỉ ra (nhưng không châm chọc), chỉ cần vượt qua một hàm thành 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>'); 
});