Question

用jquery 怎么给div里所有的img标签添加一个a标签

求大神，我简要说下问题<div class="spotlight-group"><img src="1.jpg"></div>用jquery怎么变成<div class="spotlight-group"><a href='1.jpg'><img src="1.jpg"></a></div>也就是增加一个a标签给img并且连接地址是图片地址感谢大神~~

Answer 1

你好！

根据描述，需求是：给div.spotlight-group下的img元素外层包裹一个<a>标签，并且它的href属性与img的src属性相同。

可以使用jQuery的wrap包裹函数进行操作。

希望对你有帮助！

Answer 2

<div class="spotlight-group">
<img src="1.jpg">
<img src="1.jpg">
</div>
<script type="text/javascript">
$(function () {
/**/$('.spotlight-group img').each(function (i) {
/******/$(this).after('<a href="'+$(this).attr('src')+'"><img src="'+$(this).attr('src')+'" /></a>');
/******/$(this).remove();
/**/})
})
</script>
// 最终 div 里面的内容变成了这样：
<div class="spotlight-group">
<a href="1.jpg"><img src="1.jpg"></a>
<a href="1.jpg"><img src="1.jpg"></a>
</div>