添加图片的完整链接

Question

如何使用jQuery为我的所有图像添加完整链接？

<img src="/pic/img.png"></img>

要：

<a href="/pic/img.png"><img src="/pic/img.png"></img><a>

Answer 1

使用JQuery wrap函数

$(document).ready(function(){
  $( "img" ).wrap(function() {
    return "<a href='" + $( this ).attr("src") + "'></a>";
  });
});

Answer 2

您可以使用jQuery wrap api：

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

Answer 3

为什么不在img标签本身使用href属性

<img src="/pic/img.png" href="/pic/img.png">

Answer 4

使用此代码。

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