JQuery添加标记<a> around <img/></a>

时间:2010-10-21 12:28:29

标签: jquery

如何使用JQuery添加带有该图像链接的标记?

2 个答案:

答案 0 :(得分:21)

这将包含一组带有链接的图像:

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

...使用.eachlink),.wraplink)和原生DOM srclink)属性用于图像元素。

编辑或者正如Pointy指出的那样(但没有明确指出),只需将一个函数传递给wrap

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

Live example

答案 1 :(得分:6)

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