使用.wrap()函数

Question

我正试图用下一种方式编辑我的网站的一些图片的代码:例如，我有：

<div id="slideshowContainer473">
<img src="src_image1" alt="image1" title="image1" />
<img src="src_image2" alt="image2" title="image2" />
<img src="src_image3" alt="image3" title="image3" />
</div>

对于每一幅图像，我想要的是：

<a href="src_image1" rel="lightbox"><img src="src_image1" alt="image1" title="image1" /></a>

也就是说，通过jquery，向href提供与src相同的值，而且我还需要添加rel="lightbox“，因为我想使用http://lokeshdhakar.com/projects/lightbox/。

我认为我可以使用.wrap()获得它，我认为.each()也是必要的，对吗？

Answer 1

尝尝这个

$("div#slideshowContainer473 img").wrap(function(){
    return "<a href=\"" + this.src + "\" rel=\"lightbox\" />";
});

希望这会有帮助!！

Answer 2

尝尝这个

$('img').wrap(function() {
    return $('<a>', {
        src: $(this).attr('src'),
        rel: 'lightbox'
    })
})​

检查Fiddle